- Web apps architecture overview
- UI / UX
- Development workflow overview and methodologies
- Work coordination across teams – Git
Let’s start our adventure through FE: Modern Web Apps UI Structure Basics
- Document Object Model and Valid Structures
- Elements and Semantics
- Images
- Links
- Lists
- Forms and Inputs
- Project Guidelines – Create the initial HTML structure for your newsfeed app on your repository
- Project – Initial HTML Structure review and possible solution
- Cascading Style Sheets and CSS Object Model
- Selectors & Pseudo-Selectors
- Box Model ( Margins, Paddings, Borders )
- Specificity
- Styling properties and Fonts
- Backgrounds, Colors and Gradients
- Animations
- Project Guidelines – Create a theme for your app – P1
- Project – App theme review and possible solution
- Frameworks: SASS
- Display types and Grid Systems
- Responsive web design – Media queries & Browsers Compatibility
- 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
- Project – App theme review and possible solution
- Variables, data types and operators
- Simple math
- Strings
- Numbers
- Arrays
- Loops and conditional statements
- Objects
- FUNctions: Named vs Function expressions, IIFE
- “this”
- Callbacks
- Basic Algorithms
- Basic Algorithms
- Working with the DOM
- Events
- Asynchronous JavaScript, Promises
- Project Guidelines – Populate your newsfeed app with data
- Project – Data population functionality review and possible solution
- var, let, const;
- Scopes and Context
- Hoisting and Strict Mode
- Arrow functions
- Rest, spread operators
- Destructuring
- “this”
- Terminology and Thinking
- Using built-in functions for common practical use-cases
- Project Guidelines – Apply functional programming principles on your newsfeed app codebase
- Project – Functional principles review and possible solution
- Terminology and Thinking; Principles
- Prototyping and Classes
- Inheritance, Interfaces
- Project Guidelines – Apply OOP principles on your newsfeed app codebase
- Project – OOP principles review and possible solution
- Working with the console; IDEs, Debugging and tools
- Bundlers and task-runners – Why? How? What?
- Webpack
- Project Guidelines – Use Webpack to optimize the workflow and the performance of your newsfeed app
- Project – Applying Webpack review and possible solution
- Why? How? What?
- React
- Project Guidelines – Migrate your newsfeed app to React – Forks can be submitted for later code review; Possible solution will be posted later;
- Prep 1:1 for technical interview & HR interview
- Why soft skills matter
- Technical knowledge coverage
- What kind of interview questions should you expect?
- Interview simulation
Unboxing Day este o sesiune în care fiecare cursant are ocazia să-și prezinte proiectul, să pună întrebări și să primească feedback, sfaturi și recomandări chiar de la specialiști din domeniul IT.