WebDev101

• Resources for learning website development from beginning

Tech

• HTML
• CSS
• Javascript

Quick start

# clone the repo to local
cd ~
git clone https://github.com/WebDevSquad/WebDev101.git
# open the project 
open WebDevSquad
# open the hello_world html (web browser)
open WebDevSquad/hello_world.html
# and you should see the site as below

Video

• dev

Example project

• https://github.com/collections/github-pages-examples
• https://yelp.github.io/
• https://twitter.github.io/

Resources

• Freecodecamp
  • https://www.freecodecamp.org/
  • https://hackmd.io/@uJ34_j9QQyqX2W_Jf5evAw/Hy8CAOOyf?type=view#
• HTML
  • https://www.codecademy.com/learn/learn-html
  • https://www.tutorialspoint.com/html/index.htm
  • https://www.w3schools.com/html/
• CSS
  • https://www.codecademy.com/learn/learn-css
• Javascript
  • https://www.codecademy.com/learn/introduction-to-javascript
  • https://www.w3schools.com/js/
• Webdev
  • https://www.freecodecamp.org/news/how-i-built-100-projects-in-100-days/
• Learn front-end the hard way
  • https://blog.huli.tw/2019/08/21/real-front-end-learning-path/
  • https://github.com/Lidemy/mentor-program-3rd
  • https://medium.com/@hulitw