Start date

Series no 3. – September 2019

Dates are estimates and can undergo minor changes.

Enroll now

Duration

16 weeks x 6 hours/week = 96 hours

Courses are held twice a week (Monday & Thursday), between 18:00 and 21:00.

Fees

1150 euro + VAT

The fee covers all costs and can be paid in 4 installments: 1 rate when signing the contract and the other 3 in weeks 5, 9 and 13.

Curricula

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;

Trainers

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