Kyiv Course

Frontend – morning

  • Left Bank (Pavla Tychyna Ave., 1v)

    clock icon

    Group start

    13 June

    person icon


    Mon, Wed, Fri: 10:30-13:30

Course description

star icon

250 hours/ 6 month

Morning Frontend course – an ideal solution for people, who interested in the IT industry, has the opportunity to attend classes in the morning, and strives to gain knowledge over a short period of time.

In our program, we have put together the most useful information and knowledge base that FrontEnd developer must have. Namely, 250 hours of work on practical cases, 5 modules, development of soft-skills, additional free workshops, seminars and webinars. In fact, after completing the course, you will receive a specialty that will allow you to constantly develop and be creative in the IT field.

What is FrontEnd? This is the creation of the client part of the site, what the user sees on the output. So, to be an expert frontend developer, you need to know:

  • Javascript
  • HTML / CSS
  • the management system – Git
  • frameworks – the most popular are Bootstrap, Node.js, React.js, Redux
  • testing
  • automation
  • debugging

Our training center pays great attention to every stage of the training on the frontend course, especially work on the frameworks, both in practical classes, and separately with invited specialists, in master classes and workshops.

For whom

beginners in programming (people without experience), age from 16 years and knowledge of English is not lower than Pre-Intermediate

those who wish to learn how to develop interactive, functional and modern websites from scratch, and wish to be competitive Frontend-developer

those who wish to learn how to write code on real cases and with practical examples and develop the skills of teamwork and self-presentation

Course instructors

Dmytro Zapisochnyy

Senior frontend developer in MaFactory

Mykyta Yamnyk

Full Stack developer

What will you be able to

Know the popular programming language JavaScript and be able to work with it

Understand the logic of the client-server architecture in the context of writing real apps

Know the React.js, Node, Express.js and other frameworks, work with the GIT version control system

Develop Web Interfaces and Web Apps

Test and scale web applications

Read someone else's code with an understanding of its work

Have soft-skills and be prepared for the interview, be able to present yourself and your product in English


Preparation for the beginning

Our students start practicing as soon as they have successfully passed both enrollment tests. Every one of them will receive a list of JavaScript learning books and the first theoretical task. Therefore, at the first lesson they can immediately start practicing on specific examples with the flipped classroom method.

Module 1. HTML & CSS Basics

HTML is a tool of logical layout of a web page. Using the layout structure, you can enter data on the page. During the first module, students will learn how to describe this structure using HTML tags (special markers that your browser can read).
Also in the first module students will learn the basics of CSS. This is necessary for understanding how to inform the correct display of HTML tags.
Introducing to the language includes:
• CSS selectors
• design elements
• control the size and position of blocks on the page
• margins and indents
• the order of the layout of the block
• testing the results of layout
• adaptive layout
• nuances of cross-browser layout
• basic animation
• CSS3 standard
• main developer tools

Module 2. JavaScript Basics

HTML defines the layout of the site, CSS is responsible for the appearance, and JavaScript puts everything into action.
Using JavaScript code, the programmer determines how the page will be react to user actions. The module will introduce students to the syntax of the language.
Topics include:
• basic and object data types
• type conversion
• variables and rules for their naming
• conditions, operators, arrays, loops, functions
• scope, closures
• control structures
• error processing
• introduction to browser events

Also, students will become familiar with the order of event processing, interaction with the DOM browser, callback functions. In the course students will learn how to work with the developer’s console, debug and check the code for errors. There is an introduction to the Jquery library, working with DOM, event management, AJAX calls.
After the end of the first two modules, students will be able to create a simple web page with the necessary layout and interactive behavior.

Module 3. Advanced JavaScript

This module is a deeper immersion in the possibilities of language. Learning the basics of object-oriented programming (OOP), basic design patterns, the fundamentals of functional programming, the capabilities of the ES6 ES7 (ECMAScript) standard, MVC architecture.
Also in this module will be considered:
• constructors
• prototype inheritance (prototype)
• recursion
• work with collections
• iterators
• generators
• modules
• strict mode
• regular expressions
• localstorage / sessionstorage
• cookies
• IndexedDB
• Async / Await
• canvas
Training on the standards of the Web Workers API, WebSocket, JSONP, AJAX, XMLHttpRequest, COMET, Promise, CORS, Single Page Application, general information about the RESTful API, code testing using the Jasmine framework.
The module is built taking the latest standards in the industry into account.

Module 4. Getting started with React.js library

Immersion in one of the most popular libraries for building web applications – React.js. In this module, students will get acquainted with a fundamentally new and innovative approach in the formation of pages of sites and applications.
The module covers the following topics:
• JSX layout
• Virtual DOM
• components
• working with the Props / State component
• React Router
• Redux
• work with ImmutableJS in the React / Redux application

Module 5. Server-side JavaScript (Backend)

This module includes:
• Introduction to Node.js technology
• infrastructure and use of the package manager NPM (package manager)
• Express.js framework
• template engines (Mustache, Jade, EJS)
• code testing (unit tests)
• work with databases on the example of MongoDB (NoSQL)
• study of the builders in the example Gulp – configuration, tasks, CI (Continuous Integration)

Also within the module there will be considered one of the most popular CSS preprocessors – SASS, its syntax, settings and integration with the collector Gulp.

At the end of the module, students can easily create quick applications that will work in real time (real-time applications), and create and use various REST APIs (using the popular Express.js framework).

Extra skills

The course provides for mandatory study of the Git version control system. Thanks to this, teamwork and solving everyday tasks will be a pleasure for the student.
We will expand the following topics:
• work with Git Bash
• workflow from creating a repository to sending it to a remote server
• work with branches
• work with configuration files

Workshops and master-classes

From the basics of algorithms until the end of the whole course, students will take part in master classes, workshops and webinars from Israeli and Ukrainian specialists.

Soft skills, technical English and interview preparation

In parallel with the third module, students will begin to develop their internal qualities and prepare themselves for self-presentation.

We will simulate full-fledged job interviews, creating conditions that are as close as possible to the real ones.
Together with professional recruiters and industry engineers, we will work on the summary of each student, his ability to present himself and his work, ability to communicate; we will also provide full support in the process of interviewing.

Final Project

Student teams will work on potential startups under weekly scrum-master support. Each project will begin as a realization of client start-up idea. In the end of project work, the students will present the project to the members of Advisory Board.

Companies that are waiting for our students

Registration for consultation

If you still have questions about the Frontend course program - sign up for an individual consultation with me

Sign up for a consultation

Thank you for registration.

Our manager will contact you soon