Кабінет
Закрити
  • Вхід до кабінету
  • Реєстрація
Вхід до кабінету
Для запису на курс Frontened Developer
Як проходити співбесіду з HR або увійти також технічну співбесіду. Як
виконувати тестові завдання та багато іншого
  • Course duration: 5.125 months
  • Teacher-led lessons: 123 hours
  • Additional online videos: 12 hours
  • Total monthly cost: $39
  • Cost per hour: $1.63

Junior Frontend developer

Всього за чотири місяці ти станеш з нуля самостійним розробником рівня trainee/junior.

Залишилось місць: 7
Зареєструватися
План занять курсу

Junior Frontend developer

Заняття 01 / 33
  • What is HTML and CSS
  • How everything is loaded into the browser
  • What are tags and attributes
  • General HTML syntax
  • Connecting CSS and JS to HTML
  • Meta tags
  • Basic HTML tags for working with text
  • DIV/SPAN
  • Principles of block layout
01
Заняття 02 / 33
  • CSS Syntax
  • CSS Selectors
  • CSS Basic Properties and Values
  • Gradients
  • Color Models
  • Properties width, height, font-size, color, background, background-color
  • Units: px, %, em, rem, deg, vw, vh
  • Specificity of Selectors
  • Connecting Fonts, Swap
02
Заняття 03 / 33
  • Positioning
  • display display
  • Wrapping
  • Popup example
  • Dropdown menu examples
  • Button examples
  • Working with scroll
  • Centering by width and height
  • List example
03
Заняття 04 / 33
  • Flex
  • Grid
  • Smooth transitions
  • Animations
  • BEM methodology
  • Working with figma for layout designers
  • What is pixelPerfect and when is it used
  • Layout-based layout methodology
  • Layout-based layout basics
04
Заняття 05 / 33
  • The concept of adaptive and responsive
  • Repaint & reflow
  • Viewport
  • Layout principles and rules
  • Layout example
  • Responsive layout examples
05
Заняття 06 / 33
  • Page layout by figma
  • Adaptive layout by figma
06
Заняття 07 / 33
  • Loading JS into the browser, general mechanisms
  • The concept of a variable and data types
  • Arithmetic operators +, -, *, /, %
  • String concatenation operator
  • Increment and decrement operator
  • Bitwise logical operators &, |, ~, >>, <<, >>>
  • Examples of working with bitwise operators
  • Data type structure int, double, bool, string/char
  • String immutability
07
Заняття 08 / 33
  • Object concept in JS
  • Array concept in JS
  • For of, for in loop simple usage
  • Array of objects, processing it
  • Function concept
  • Parameters, return value
  • Function examples
  • Higher-order functions
  • Arrow functions
08
Заняття 09 / 33
  • Symbol
  • Iterators and Generators
  • Advanced Principle of for...of
  • Composition of Generators
  • Examples of Writing Iterators and Generators
  • Default Conversions of All Types
  • Conversions toString, valueOf
  • Custom toPrimitive Conversion Rules
  • The Window Object in More Depth
09
Заняття 10 / 33
  • Examples of working with constructor functions
  • Classes and syntactic sugar
  • Substituting this - call, apply, bind
  • new Function and a full understanding of functions
  • Recursive functions, examples
  • Objects, copying objects
  • Deep copying of objects
  • Reference data types
  • Garbage collector
10
Заняття 11 / 33
  • Exception handling
  • Creating your own exception classes
  • Asynchronicity, asynchronous file connection
  • Event loop, micro tasks, macro tasks
  • The async keyword
  • SetInterval, SetTimeout
  • Promise, promises inside each other
  • Call chain
  • Asynchronous iterators
11
Заняття 12 / 33
  • What is DOM
  • Events on DOM elements, bubbling
  • Changing attributes via JS
  • Changing any CSS styles via JS
  • Generating HTML tags via JS
  • Custom events
  • DOMContentLoaded, load, beforeunload, unload
  • Loading resources: onload and onerror
  • Delegation events
12
Заняття 13 / 33
  • Requests
  • XMLHttpRequest
  • Fetch
  • Understanding Cors
  • Examples of request processing
  • Writing a small application
  • Deleting/adding/modifying an entity
13
Заняття 14 / 33
  • Data structures
  • What is a binary tree
  • Simple binary tree implementation
  • What is a stack
  • LIFO/FIFO
14
Заняття 15 / 33
  • More advanced work with linux
  • Installing parcel
  • Installing gulp
  • Installing webpack
  • Installing yarn
  • Installing npm
  • Configuring parcel, npm, yarn
  • Running parcel local server
  • Example of working with HTML/CSS/JS with parcel
15
Заняття 16 / 33
  • Gulp configuration, gulpfile.js
  • Processing less/saas/scss/ts/html/js
  • Obfuscation of styles and scripts
  • Writing a script to work with gulp
  • Running a local gulp server
  • Using yarn with gulp
16
Заняття 17 / 33
  • Configuration webpack, lock.js, webpack.js
  • Конфигурация webpack, lock.js, webpack.js
  • Processing less/saas/scss/ts/html/js
  • Обработка less/saas/scss/ts/html/js
  • Обфускации стилей и скриптов
  • Obfuscation of styles and scripts
  • Writing a config for working with webpack
  • Running a local webpack server
  • Using yarn with webpack
17
Заняття 18 / 33
  • SCSS Syntax
  • LESS Syntax
18
Заняття 19 / 33
  • SAAS Syntax
19
Заняття 20 / 33
  • Running gulp, webpack, parcel servers using docker
  • Deploying a react project
  • Running a react project in a docker container
  • Working with both docker commands and docker-compose
  • Running Docker
20
Заняття 21 / 33
  • Basics of SEO optimization
  • A look at google insights
  • Mechanisms that lead to green google results insights
  • SEO optimization for the frontend part of the site
21
Заняття 22 / 33
  • Common Typescript Syntax
  • Differences between JS and TS
  • Data Types
  • Strength
  • Union types
  • Data Arrays
  • Type aliases
  • Literals
  • Keyword type
22
Заняття 23 / 33
  • Generic Functions
  • Optional parameters of functions
  • Function Overloading
  • Rest function parameters
  • Examples of working with functions
  • Type operator: keyof, typeof
  • Matched Types
  • Types: unknown, never, void, any
  • Template literal types
23
Заняття 24 / 33
  • Introduction to OOP
  • Classes and objects
  • Abstract classes
  • Interfaces
  • Mapping Modifiers
  • Generic Classes
  • Modules in TS
24
Заняття 25 / 33
  • Class concept
  • The concept of an object
  • Class Inheritance
  • Encapsulation
  • Polymorphism
  • Examples from OOP
25
Заняття 26 / 33
  • Generic
  • Abstract Classes
  • Interfaces
  • Abstraction
  • Examples from OOP
26
Заняття 27 / 33
27
Заняття 28 / 33
28
Заняття 29 / 33
29
Заняття 30 / 33
  • What are design patterns
  • What are the patterns
  • Singleton, example
  • Modules in Ecma script
30
Заняття 31 / 33
  • What is DBMS and DB
  • What is a relational model and comparison with other models
  • Basic concepts of databases
  • General rules of database design
  • Connections one to one, many to one, one to many, many to many
  • Dependencies: Functional, transitive
  • What is a key, potential key
  • What is normalization
  • First normal form
31
Заняття 32 / 33
  • Answers to all interesting questions
  • Review of your resume at will
  • Principles of conducting interviews
  • Consideration of the most common questions from recruiters
  • Consideration of the most common questions at the technical interview
  • Recommendations for completing the test task
  • How to pass an interview without knowledge of the English language
32
Заняття 33 / 33
    CODE: 8
    FILE: /var/www/skillteame/skillteam.school/main/views/guest/course.php
    LINE: 150
    DESC: Undefined offset: 32