Курс Frontend Developer

На курсі Front-end ти опануєш всі сучасні технології веброзробки й знайдеш омріяну роботу. Після курсу ти вмітимеш проєктувати сайти під будь-який пристрій, працювати з React.js, Redux, Typescript та багато іншого.

Програма курсу

Javascript Basics

• Introduction
• Your First JavaScript Program
• Main Concepts
• Numbers
• Strings
• Boolean
• Functions
• Conditional Operators
• Arrays
• Loops
• String Iteration
• String Methods
• Working With Arrays
• Get Ready for the Interview

Course Fundamentals

• Environment Setup
• How to Learn Effectively

HTML + CSS Basics

• HTML Basics
• CSS Basics
• Colors and Fonts
• Box Model Basics
• Semantic Basics
• Responsiveness Basics
• CSS Selectors
• Pseudo-Elements and Pseudo-Classes
• Specificity
• Links and URLs
• Images
• Media Queries
• Forms
• Position
• Extra topics

Git and Terminal

• Environment Setup
• Command Line Basics
• Git Basics
• Working With Branches
• Working With Remote Repo (GitHub)

Javascript Basics Extended

• Code Style
• Working With Numbers
• Loops in Details
• Working With Strings
• Functions Revisited
• Switch
• Type Conversion
• Logical Operators
• Object Basics
• Extended Extra

HTML + CSS Advanced

• Environment Setup
• Figma Installation
• Flexbox
• BEM
• Sass
• Transformations and Animations
• Grid
• Landing [Portfolio Project]
• Document and Events

Javascript Advanced

• How to Solve Tasks on Github
• Object Advanced
• Methods
• Array Methods
• Callbacks
• Array Iteration Methods Implementatiom
• Array Iteration Methods Usage
• Array Iteration Methods Practice
• Closures
• JS Practice
• Prototype
• Constructors
• Classes
• Extra

DOM, Events, Promises

• DOM Basics
• DOM Styling and Sizing
• Events
• Promises
• Portfolio Project

React

• Introduction
• Props
• Rendering Lists
• Handling Events
• Updating State
• List Manipulation
• Lifting State Up
• Updating State

TypeScript

• Introduction
• Basic Types
• Advanced Types
• Object Types
• Classes
• Extras

React with TypeScript

• Introduction
• Froms
• Advanced Hooks
• Component Lifecycle
• State Management
• Custom Hooks
• Loading Data From API
• Updating Data on Server
• State Management
• React Router
• Working With URLSearchParams
• Portfolio

Redux

• Redux Main Concepts
• React Redux
• Async Redux

How the Web Works

• Introduction to the web
• OSI model
• HTTP
• Encryption
• API interface
• Security in the Web

Team Project

• Team Project. Intro
• Jira Environment
• Status Check
• Estimates
• How to Demo Your Work
• Team Project for Employment
• Retrospective

Tech Interview

Final Portfolio Review.

Employment 2.0

• Employment Roadmap
• Preparing Your Resume
• Interview Preparation
• Cover Latter Preparation
• Google, LinkedIn, DOU, Djinni
• How to find and apply for vacancies
• Job Search Tips: Talking to Recruiters
• Work details FAQ

Vue.js

• Introduction
• Templates
• State Management
• Forms
• Computed Values
• Components
• Interaction With Page Elements
• Interaction With the Server
• Error Handling
• TodoApp with Vue.js

Angular

Angular Basics.

Algorithms and Data Structures (Old)

• Main Concepts
• Algorithm Complexity
• Data Structures: Array
• Search Algorithms
• Data Structures: Linked List
• Data Structures: Stack
• Data Structures: Queue
• Data Structures: Hash Map
• Data Structures: Hash Set

Algorithms and Data Structure

• Module Overview
• Algorithms complexity
• Arrays
• Binary search
• Two pointers
• Linked lists
• Stack
• Queue
• Trees
• Binary search tree
• Priority queue

Object Oriented Programming

• Basic Principles
• SOLID Principles

JavaScript Testing

• Introduction to Javascript Automated Testing
• Unit Testing
• TDD Basics
• Mock Basics
• Advanced Mocks
• Cypress

Career Development

• Mastering Your Probation Period
• PDP and Career Plans
• Salary Review Strategies
• Recruiter Outreach
• How to Find a New Job?
• How to Talk About You Previous Work Experience?
• Career Knowledge Base

Особливості курсу

• Працюєш? Вчись у власному темпі
• Зідзвони з менторами тричі на тиждень
• Чат з одногрупниками
• Навчальні матеріали "без води" замість довгих лекцій
• Матимеш 5 робочих проєктів в портфоліо
• Гарантуємо працевлаштування після навчання
• Повернемо кошти якщо не знайшов роботу в ІТ

Викладачі курсу

• Misha Hrynko - Fullstack Coach
• Iryna Pelekh - Student Coordinator