From 8ed7e18d4de103e4530895af6916e0062a3599dc Mon Sep 17 00:00:00 2001 From: bastianalbers Date: Wed, 29 Jul 2020 21:05:23 +0200 Subject: [PATCH] First draft --- README.md | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..5810a95 --- /dev/null +++ b/README.md @@ -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_. + +## Content +* [HTML & CSS](#htmlcss) +* [Javascript](#javascript) + +## 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 + +## 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 \ No newline at end of file