https://github.com/newswim/learning-resources
Some resources for learning about Web Development
https://github.com/newswim/learning-resources
development howdoiwebdevelop learning web
Last synced: about 1 year ago
JSON representation
Some resources for learning about Web Development
- Host: GitHub
- URL: https://github.com/newswim/learning-resources
- Owner: newswim
- Created: 2017-03-02T19:37:05.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2021-06-01T22:33:55.000Z (almost 5 years ago)
- Last Synced: 2025-04-01T17:03:50.274Z (about 1 year ago)
- Topics: development, howdoiwebdevelop, learning, web
- Homepage: http://howdoiwebdevelop.com
- Size: 4.88 KB
- Stars: 22
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
## How Do I Web Develop?
There are some fantastic resources online which can answer pretty much all of your questions. One of the
first things to practice is _using Google effectively_. It's important that we consider **Time** as a finite
resource and spending a lot of time looking and not finding good quality information can be a problem.
You can start by just asking Google, [how do i google
effectively](https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=how+to+google+effectively&*)?
For web-development-specific questions, it's good to include notable websites in the query, here are a few popular ones:
- [MDN](https://developer.mozilla.org/en-US/) - ie, `mdn on click handler`
- [CSS-Tricks](https://css-tricks.com/) - ie, `css tricks flexbox`
- [Stack Overflow](http://stackoverflow.com/) - ie, `stackoverflow hover state hidden`
These are good ways to make sure you're getting the best information, quickly. Also, for sites like Stack Overflow, you can
see how certain answers are rated by other users, and read their comments to figure out what's the best solution to the problem
you're trying to solve.
### Online tools, general web-dev learning apps
- [Enki](https://www.enki.com/) is a fairly new, cross-platform (iOS, Android) application that provides a gamefied, work-out style of learning.
- [Free Code Camp](https://www.freecodecamp.com/) has been around for a few years now and has become one of _the best_ resources for self-paced learning.
The topics scale from very-beginner to quite advanced (eventually building full-scale applications).
- [Frontend Dev Bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks)
### HTML / CSS
- [InternetingIsHard.com](https://internetingishard.com/) -- Great, great website for learning about Front-End web development.
- [LearnLayout.com](http://learnlayout.com/) teaching fundemental CSS properties like `display`, `position`, `table`.
- [Learn Web Development](https://developer.mozilla.org/en-US/docs/Learn) is another in-depth, multi-part tutorial from MDN.
- [Codrops](https://tympanus.net/codrops/) is a FANTASTIC resource with neat examples and one of the best [CSS
references](https://tympanus.net/codrops/css_reference/) on the web.
### CSS-only
- [CSSReference.io](https://cssreference.io/)
- [Learn CSS](https://web.dev/learn/css/) -- Great new (as of 2021) resource from Google.
### Version control
- [Oh-my-git](https://blinry.itch.io/oh-my-git) is a gamified tutorial on using git.
### How to Save Things and create Free Websites
- [Learn Git](http://think-like-a-git.net/) to let you use **Source Control** -- _never_ lose anything, create sophisticated commit trees, _win_.
- [Github Pages](https://pages.github.com/) will publish and host and static webpage, for free.
- [Jekyll](https://jekyllrb.com/) is their recommended site generator, but there are literally [dozens to choose
from](https://github.com/myles/awesome-static-generators).
- [Learn git in 15 minutes](https://try.github.io/levels/1/challenges/1) - In-browser tutorial with octopi.
### JavaScript
With JavaScript, or any other programming language, it's often better to read a book, rather than try to assemble knowledge from
various blogs and tweets. Stick close to primary sources and dig deep. The better you understand the language, the more better your life will be,
_I guarantee it_ :dizzy:.
- [JavaScript For Cats](http://jsforcats.com/) - Great, brief beginner book
- [Speaking JavaScript](http://speakingjs.com/) - Very thorough book from a great author
- [Eloquent JavaScript](http://eloquentjavascript.net/) - A good mid++ level book, easier to read but the material can be dense
### Blogs and other resources
- [PonyFoo](https://ponyfoo.com/)
- [2ality](http://www.2ality.com/)
- [Jake Archibald's blog](https://jakearchibald.com)