diff --git a/learning/front-end.md b/learning/front-end.md index 9f33be61..902901bc 100644 --- a/learning/front-end.md +++ b/learning/front-end.md @@ -5,6 +5,7 @@ * [A Baseline for Front-End [JS] Developers: 2015](http://rmurphey.com/blog/2015/03/23/a-baseline-for-front-end-developers-2015/) [read] * [Become a Front-End Web Developer](https://www.lynda.com/learning-paths/Web/become-a-front-end-web-developer) [watch][$] * [Being a web developer](http://www.yellowshoe.com.au/standards) [read] +* [Front-end Discourse](https://github.com/laras126/front-end-discourse) * [Foundations of Front-End Web Development](https://www.udemy.com/foundations-of-front-end-development/) [watch][$] * [freeCodeCamp](http://freecodecamp.com/) [interact] * [Front-End Curriculum](https://gist.github.com/stevekinney/03027e71aac341af14a2) [read] @@ -21,6 +22,11 @@ * [Learn Front End Web Development](https://teamtreehouse.com/tracks/front-end-web-development) [watch][$] * [Planning a Front-End JS Application](https://www.youtube.com/watch?v=q4zEGkjTBFA) [watch] * [So, You Want to Be a Front-End Engineer](https://www.youtube.com/watch?v=Lsg84NtJbmI) [watch] +* [A career guide to Front End Developers](https://github.com/woliveiras/front-end-career) +* [Grab Front End Guide](https://github.com/grab/front-end-guide) +* [YouTube (mostly, but not only) channels for frontend developers](https://github.com/andrew--r/channels) +* [Web Developer Roadmap 2017](https://github.com/kamranahmedse/developer-roadmap) +* [The most essential list of resources for Front-End beginners](https://github.com/thedaviddias/Resources-Front-End-Beginner) ##### General Front-End Newsletters, News Outlets, & Podcasts: diff --git a/learning/html-css.md b/learning/html-css.md index 823447e8..c4feec72 100644 --- a/learning/html-css.md +++ b/learning/html-css.md @@ -29,6 +29,7 @@ Liken to constructing a house, one might consider HTML the framing and CSS to be * [Solid HTML Form Structure](https://webdesign.tutsplus.com/courses/solid-html-form-structure) [watch] * [Understanding the CSS Box Model](https://webdesign.tutsplus.com/courses/understanding-the-css-box-model) [watch] * [Resilient Web Design](https://resilientwebdesign.com/) [read] +* [HTML Best Practices](https://github.com/hail2u/html-best-practices) ##### Mastering CSS: @@ -39,6 +40,7 @@ Liken to constructing a house, one might consider HTML the framing and CSS to be * [CSS3](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3) [read] * [CSS3 In-Depth](https://frontendmasters.com/courses/css3-in-depth/) [watch][$] * [What the Flexbox?! A Simple, Free 20 Video Course That Will Help You Master CSS Flexbox](http://flexbox.io/) [watch] +* [CSS Pro Tips](https://github.com/AllThingsSmitty/css-protips) ##### References/Docs: @@ -50,11 +52,15 @@ Liken to constructing a house, one might consider HTML the framing and CSS to be * [HTML Attribute Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes) * [MDN CSS Reference](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference) * [MDN HTML Element Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) +* [CSS Guidelines](https://github.com/chris-pearce/css-guidelines) +* [CSS: The Good Parts](https://github.com/bevacqua/css) +* [CSS Refresher](https://github.com/vasanthk/css-refresher-notes) ##### Glossary: * [CSS Glossary - Programming Reference for CSS Covering Comments, Properties, and Selectors](https://www.codecademy.com/articles/glossary-css) * [HTML Glossary Programming Reference for HTML elements](https://www.codecademy.com/articles/glossary-html) +* [Awesome CSS](https://github.com/sotayamashita/awesome-css) ##### Standards/Specifications: diff --git a/tools/code-editor.md b/tools/code-editor.md index f77daefd..08697372 100644 --- a/tools/code-editor.md +++ b/tools/code-editor.md @@ -30,6 +30,7 @@ However, I do strongly believe, minimally, a code editor should have the followi * [Cloud9](https://c9.io) [free to $] * [Codeanywhere](https://codeanywhere.com) [free to $] +* [Mozilla Thimble](https://thimble.mozilla.org/en-US/) [free] ##### Shareable & Runnable Code Editors: diff --git a/tools/perf.md b/tools/perf.md index 4c007ef9..e56af6a1 100644 --- a/tools/perf.md +++ b/tools/perf.md @@ -20,7 +20,8 @@ * [Jank Free](http://jankfree.org/) * [Performance of ES6 features relative to the ES5](https://kpdecker.github.io/six-speed/) -* [Front-End Cheatsheets](http://medium.freecodecamp.org/modern-frontend-hacking-cheatsheets-df9c2566c72a) +* [Indrek Lasn's Front-End Cheatsheets](http://medium.freecodecamp.org/modern-frontend-hacking-cheatsheets-df9c2566c72a) +* [Logesh Paul's Front-End Cheatsheets] (https://github.com/logeshpaul/Frontend-Cheat-Sheets) ##### Checklist: diff --git a/tools/placeholder.md b/tools/placeholder.md index f1970c89..86178fab 100644 --- a/tools/placeholder.md +++ b/tools/placeholder.md @@ -9,6 +9,7 @@ * [LibreStock](http://librestock.com) * [Unsplash](https://unsplash.it) * [Place Beyoncé](http://placebeyonce.com) +* [Mocka](https://chalarangelo.github.io/mocka/) ## Device Mockups: * [placeit.net](https://placeit.net)