front-end-development.md

Front-End Development

Menu: Home

Table of Contents

• Web Accessibility
• HTML AND CSS
• JavaScript

Web Accessibility

1. Tutorials
   1. Web Accessibility - Developing with Empathy (udacity.com)
   2. DigitalGov Accessibility: How-to (youtube.com)
   3. Section 508 Awareness (section508.gov)
   4. Section 508: What It Is and Why It's Important? (section508.gov)
   5. Training in 508 Compliance and Accessible Design (hhs.gov)
   6. Technology Accessibility Playbook: How to Build an Effective Section 508 Program (section508.gov)
2. Reading Resources
   1. Web Accessibility for Section 508 (e-book)
   2. Web Accessibility, An Introduction (e-book)
   3. Intro to Accessibility - PDF (presentation)

HTML AND CSS

1. Tutorials
   1. Learn to Code HTML & CSS (shayhowe.com)
   2. Learn to Code Advanced HTML & CSS (shayhowe.com)
   3. Intro to HTML/CSS: Making webpages (khanacademy.org)
   4. Introduction to HTML (codecademy.com)
   5. Make a Website (codecademy.com)
   6. Learn CSS (codecademy.com)
   7. Intro to HTML and CSS (udacity.com)
   8. Responsive Web Design Fundamentals (udacity.com)
   9. Building High Conversion Web Forms (udacity.com)
   10. Responsive Images (udacity.com)
   11. HTML5 Canvas - From Pixels to Animation! (udacity.com)
   12. HTML5 and CSS3 (theodinproject.com)
2. Code Practice
   1. CSS Diner
   2. Flexbox Defense
   3. Flexbox Froggy
   4. Grid Garden
   5. Hex Invaders
3. Reading Resources
   1. Emmet Cheatsheet (e-book)
   2. CSS Basics in Depth (e-book)
   3. The Important CSS Selectors (article)
   4. Learn Web Fundamentals (reference)

JavaScript

1. Tutorials
   1. HTML/JS: Making webpages interactive (khanacademy.org)
   2. HTML/JS: Making webpages interactive with jQuery (khanacademy.org)
   3. Introduction To JavaScript (codecademy.com)
   4. JavaScript Tutorial for Beginners (mosh-youtube.com)
   5. Intro to JavaScript (udacity.com)
   6. JavaScript and the DOM (udacity.com)
   7. Intro to jQuery (udacity.com)
   8. Intro to AJAX (udacity.com)
   9. Object-Oriented JavaScript (udacity.com)
   10. JavaScript Promises (udacity.com)
   11. Asynchronous JavaScript Requests (udacity.com)
   12. ES6 - JavaScript Improved (udacity.com)
   13. JavaScript Design Patterns (udacity.com)
   14. Website Performance Optimization (udacity.com)
   15. Browser Rendering Optimization (udacity.com)
   16. Offline Web Applications (udacity.com)
   17. Intro to Progressive Web Apps (udacity.com)
   18. JavaScript Testing (udacity.com)
   19. Front End Frameworks (udacity.com)
   20. JavaScript Basics (theodinproject.com)
   21. Programming in HTML5 with JavaScript and CSS3:70-480 (microsoft-youtube.com)
   22. JavaScript30 - 30 Day Vanilla JS Coding Challenge (javascript30.com)
2. Frameworks
   1. ReactJS Tutorial for Beginners (codevolution-youtube.com)
   2. React JS Crash Course (traversy media-youtube.com)
   3. Full Stack React & LoopBack (traversy mediayoutube.com)
   4. Vue JS Crash Course (traversy mediayoutube.com)
   5. Vuex Crash Course | State Management (traversy mediayoutube.com)
3. Code Practice
   1. FreeCodeCamp.org
   2. HankerRank
   3. Codewars
   4. Coderbyte
   5. Screeps
   6. Elevator Saga
   7. Untrusted
4. Reading Resources
   1. Eloquent JavaScript (e-book)
   2. You-Dont-Know-JS Book Series (e-book)
   3. 3 ways to define a JavaScript class (article)
   4. JavaScript hacks explained (article)
   5. 12 Simple (Yet Powerful) JavaScript Tips (article)
   6. JavaScript Design Patterns and IIFE (article)
   7. I Love My IIFE (article)
   8. Immediately-Invoked Function Expression (IIFE) (article)
   9. Four Things Web Developers Need to Know about Debugging in Visual Studio 2013 (article)
   10. Using Visual Studio to Debug JavaScript in IE (article)