Front End Developer

Lesson 1 – Introduction
– What is an web page
– History of Web Pages
– HTML concepts and structure
– Examples & Exercises

Lesson 2 – Text & Media
– Text Basics
– Adding Media to a Web Page
– Semantics & Organization
– Examples & Exercises

Lesson 3 – Forms
– Forms
– Tables
– Examples & Exercises

Lesson 4 – CSS basic
– CSS selectors
– Values and units
– The box model
– Styling text, images and forms
– Examples & Exercises

Lesson 5 – CSS advanced
– Understanding flex
– Flex elements
– Flex properties
– Centering with flex (alignment, justification and distribution of space)
– Debugging CSS
– Browser DevTools
– Organizing you CSS

Lesson 6 – JavaScript basic – part 1
– Intro
– Link a Javascript file
– Data types
– let, const, var
– Basic operators
– if / else
– switch
– Truthy and Falsy values
– Ternary operator
– Examples & Exercises

Lesson 7 – JavaScript basic – part 2
– Strict mode
– Functions – definition, declaration vs expression, arrow functions
– Default parameters
– Closures
– Style guide & Best Practices
– Examples & Exercises

Lesson 8 – Javascript basic – part 3
– Arrays – definition, structure
– Loops – for, while
– Destructuring array
– Array methods: map, filter, some, reduce, push, pop etc.
– String useful methods
– Examples & Exercises

Lesson 9 – JavaScript advanced – part 1
– Spread operator
– Destructuring array
– Functions – arguments
– Objects
– Destructuring objects
– Functions call, apply, bind
– Math
– Examples & Exercises

Lesson 10 – JavaScript advanced – part 2
– Dates
– Manipulating the DOM – events, selecting and creating elements
– Regex
– Examples & Exercises

Lesson 11 – Project Phase 1
– Developer tools
– Problem solving – including Google, StackOverflow etc.
– Preparing a project

Lesson 12 – Project Phase 2
– Consulting and Checking the Project

Lesson 13 – Project Phase 3
– Project finishing up and presentation