Data începere

Seria 3 – Septembrie  2019

Datele sunt estimative și pot suferi modificări minore.

Înscrie-te

Durată

16 săptămâni x 6 ore/săptămână = 96 ore

Cursurile se desfășoară de 2 ori pe săptămână: marți și vineri 18:00-21:00

Taxă participare

1150 euro + TVA

Taxa acoperă toate costurile și poate fi plătită în 4 rate: 1 rată la semnarea contractului, iar celelalte 3 în săptămânile 5, 9 și 13.

Programa

What about „Front-End Development” ?

Week 1

INTRO

  • 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

Week 2

HTML

  • 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

Week 3

CSS

  • 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

Week 4

CSS

  • 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

Week 5

JavaScript – Introduction

  • Project – App theme review and possible solution
  • Variables, data types and operators
  • Simple math

Week 6

JavaScript – Introduction

  • Strings
  • Numbers
  • Arrays

Week 7

JavaScript – Introduction

  • Objects
  • FUNctions: Named vs Function expressions, IIFE
  • “this”

Week 8

JavaScript – Introduction

  • Loops and conditional statements

Week 9

JavaScript

  • Basic Algorithms

Week 10

JavaScript – ES6+ and language specifics

  • var, let, const;
  • Scopes and Context
  • Hoisting and Strict Mode
  • Arrow functions
  • Rest, spread operators
  • Destructuring
  • “this”

Week 11

JavaScript

  • Working with the DOM
  • Asynchronous JavaScript
  • Working with the console; Debugging and tools
  • Project Guidelines – Populate your newsfeed app with data

Week 12

JavaScript – OOP

  • Project – Data population functionality review and possible solution
  • Terminology and Thinking; Principles
  • Prototyping and Classes – Part 1

Week 13

JavaScript – OOP

  • Prototyping and Classes – Part 2
  • Inheritance, Interfaces
  • Project Guidelines – Apply OOP principles on your newsfeed app codebase

Week 14

Functional programming in JavaScript

  • Project – OOP principles review and possible solution
  • Terminology and Thinking
  • Using built-in functions
  • Project Guidelines – Apply functional programming principles on your newsfeed app codebase

Week 15

Workflow automation tools and bundlers

  • Project – Functional principles review and possible solution
  • Why ? How ? What ?
  • Webpack
  • Project Guidelines – Use Webpack to optimize the workflow and the performance of your newsfeed app

Week 16

Frameworks basics

  • Project – Applying Webpack review and possible solution
  • Why ? How ? What ?
  • React / Angular
  • Project Guidelines – Migrate your newsfeed app to a framework – Forks can be submitted for later code review; Possible solution will be posted later;

Traineri

Ovidiu Grigoraș
Ovidiu GrigorașTrainer Programare Front End
Lucian Costin Ailenei
Lucian Costin AileneiTrainer Programare Front End
Bogdan Cochior
Bogdan CochiorTrainer Programare Front End
Alexandru Munteanu
Alexandru MunteanuTrainer Programare Front End