learn-basics.md

Expected Output

• Understand basic syntax and features of HTML, CSS, JavaScript, DOM API
• Should be able to read and understand the source code of static websites
• Should be able to build responsive static web pages from scratch
• Familiarity with Media Queries, Flexbox, ES6 features
• Write basic Regular Expressions
• Familiarity with using Dev Tools
• Understanding difference between object oriented and functional programming
• Understanding difference between synchronous and asynchronous operations

Prerequisites

None

Sub-concepts

• HTML headings, para’s, image tag, anchor tag, lists, forms, span, divs, classes, id’s
• Window object, Document and Element DOM interface
• CSS selectors, styling properties, media queries
• JavaScript data types, Object properties, Functions, Prototypes, for/while loop, if/else statements, built-in methods
• Basics of Regular Expressions

Resources

• freeCodeCamp Curriculum (condensed)
• HTML/CSS reference
• The Magic Of CSS
• MDN documentation
• Can I Use
• Learn RegEx
• RegEx tester
• Discover DevTools
• Frontend Developer Handbook 2017
• Frontend Dev Bookmarks
• Practical JavaScript course
• JavaScript Info
• JavaScript 30
• JS : Understanding the Wierd Parts
• Flexbox Introduction
• ES6 Features
• Understanding ES6
• ES6 Interactive Guide
• Exploring ES6

Time estimate

• 3 - 5 hours per day