Length: ~25 hrs
Learn HTML & CSS Tutorial
The basics of HTML & CSS can be learned through free tutorials online. Code Academy's tutorial is our best recommendation. It is a bit long (~7 hours), but it is important for you to complete this tutorial so you have an initial grasp of HTML & CSS. All of these concepts will be on the diagnostic assessment.
Code Academy - HTML & CSS (Tutorial - ~7 hrs)
Advanced "Semantic" HTML
HTML might seems simple, but using it well can be somewhat challenging. We've researched and selected a playlist of videos on youtube that will explain the concept of Semantic HTML. This concept will be featured on the diagnostic assessment during orientation.
Semantic HTML (Videos - 2 hrs)
Don't forget to use Emmet to write HTML and CSS fast in Sublime or Atom.
Intro to CSS - Video
CSS is a powerful and flexible styling syntax. Whether you think it is God's gift to humans or just cake decorating, it is important for all web developers to have a solid mastery of simple CSS concepts and tools.
(Video - 12 min)
CSS Cross-Country (Only Lesson 1) (Tutorial - 45 min)
Intro to Dev Tools Tutorial
Probably the least celebrated, but most used, web development tool is the browser itself. And not just the browser but the browser's Dev Tools pane. We use this pane of tools to debug, scale, and tweak the websites we build.
Code School - Dev Tools (Tutorial - 2 hrs)
Code Acadmey jQuery Track (Tutorial - 3 hrs)
First App - Giphy Search
Let's use Giphy's API to make our own gif search engine.
This tutorial is the first tutorial project of the web curriculum at Make School, and it pulls together and extends the prework you've done here.
Make School Tutorial - Giphy Search (Tutorial - 3 hrs)
We'll be looking at your completed version of this project on the first day of class.
If you have feedback on this tutorial or find any mistakes, please open issues on the
GitHub Repository or comment below.