1. Web apps architecture overview
2. UI / UX
3. Development workflow overview and methodologies
4. Work coordination across teams – Git

Let’s start our adventure through FE: Modern Web Apps UI Structure Basics

1. Document Object Model and Valid Structures
2. Elements and Semantics
3. Images
4. Links
5. Lists
6. Forms and Inputs
7. Project Guidelines – Create the initial HTML structure for your newsfeed app on your repository

1. Project – Initial HTML Structure review and possible solution
2. Cascading Style Sheets and CSS Object Model
3. Selectors & Pseudo-Selectors
4. Box Model ( Margins, Paddings, Borders )
5. Specificity
6. Styling properties and Fonts
7. Backgrounds, Colors and Gradients
8. Animations
9. Project Guidelines – Create a theme for your app – P1

1. Project – App theme review and possible solution
2. Frameworks: SASS
3. Display types and Grid Systems
4. Responsive web design – Media queries & Browsers Compatibility
5. Project Guidelines – Create a theme for your app – P2

Let’s dive in deeper: Interactivity – JavaScript or “things that will mess with our head” – DON’T GIVE UP

1. Project – App theme review and possible solution
2. Variables, data types and operators
3. Simple math
4. Strings
5. Numbers
6. Arrays
7. Loops and conditional statements

1. Objects
2. FUNctions: Named vs Function expressions, IIFE
3. “this”

1. Callbacks
2. Basic Algorithms

1. Basic Algorithms
2. Working with the DOM

1. Events
2. Asynchronous JavaScript, Promises
3. Project Guidelines – Populate your newsfeed app with data

1. Project – Data population functionality review and possible solution
2. var, let, const;
3. Scopes and Context
4. Hoisting and Strict Mode
5. Arrow functions
6. Rest, spread operators
7. Destructuring
8. “this”

1. Terminology and Thinking
2. Using built-in functions for common practical use-cases
3. Project Guidelines – Apply functional programming principles on your newsfeed app codebase

1. Project – Functional principles review and possible solution
2. Terminology and Thinking; Principles
3. Prototyping and Classes
4. Inheritance, Interfaces
5. Project Guidelines – Apply OOP principles on your newsfeed app codebase

1. Project – OOP principles review and possible solution
2. Working with the console; IDEs, Debugging and tools
3. Bundlers and task-runners – Why? How? What?
4. Webpack
5. Project Guidelines – Use Webpack to optimize the workflow and the performance of your newsfeed app

1. Project – Applying Webpack review and possible solution
2. Why? How? What?
3. React
4. Project Guidelines – Migrate your newsfeed app to React – Forks can be submitted for later code review; Possible solution will be posted later;

1. Prep 1:1 for technical interview & HR interview
2. Why soft skills matter
3. Technical knowledge coverage
4. What kind of interview questions should you expect?
5. Interview simulation