-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 8ed7e18
Showing
1 changed file
with
27 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| # Web Frontend Learning Materials | ||
| This is a collection of materials that can help you learn frontend development. We're focused on beginner resources, but anything beyond that is also welcome. These should all be free, if not please mark them as _not free_. | ||
|
|
||
| ## <a name="content"></a> Content | ||
| * [HTML & CSS](#htmlcss) | ||
| * [Javascript](#javascript) | ||
|
|
||
| ## <a name="htmlcss"></a> Html & CSS | ||
| ### Basic tutorials | ||
| - [CSSclasses](http://cssclass.es) A day of learning the very basics of how CSS and HTML work. If you have no idea where to start, start here for a quick foundation | ||
| - [freeCodeCamp](https://www.freecodecamp.org/learn/) You can go through the 300 hour Responsive Web Design Certification to get a very solid HTML&CSS foundation | ||
| - [The Odin Project: Front End Only](https://www.theodinproject.com/tracks/front-end-only) A complete course to learn frontend development including Web dev 101, HTML&CSS, JavaScript and how to get hired after that | ||
| - [MDN: Learn web development](https://developer.mozilla.org/en-US/docs/Learn) Mozilla Developer Networks "Learn web development" gives you aa structured introduction into a ton of web development topics | ||
|
|
||
| ### CSS Grid | ||
| - [CSS Grid Garden](http://cssgridgarden.com/) A fun little game to learn how to define grids with CSS grid and how to place elements in that grid | ||
| - [Learn CSS Grid](https://learncssgrid.com/) A guide to help you better understand and learn Grid | ||
| - [CSS Grid video course](https://cssgrid.io/) 25 short Video tutorials to learn CSS Grid by Wes Bos | ||
|
|
||
| ### Flexbox | ||
| - [Flexbox Froggy](https://flexboxfroggy.com/) A fun little game to learn how to define use Flexbox | ||
| - [What the Flexbox?!](https://flexbox.io/) A simple 20 video course that will help you master Flexbox by Wes Bos | ||
|
|
||
| ## <a name="javascript"></a> JavaScript | ||
| ### Basic tutorials | ||
| - [JavaScript for absolute Beginners](http://opentechschool.github.io/js-beginners-1/) Learn the basics in a day or two - what are variables, objects, arrays, loops, functions and how to use all that | ||
| - [freeCodeCamp](https://www.freecodecamp.org/learn/) Go through the 300 hours JavaScript Algorithms and Data Structures Certification to get a solid JavaScript foundation |