Dnipro Course

Frontend

Sign up
clock icon
Group start

10 September

person icon
Schedule

tue, thu : 19:00 - 22:15 Sun: 10:00-17:00

star icon
Duration

300 hours/ 6 month

dollar icon
Group

15 people

Course description

If you have always wanted to become a programmer but haven’t had the necessary skills, the FrontEnd course will be your starting point for this direction.

FrontEnd developers deal exclusively with websites and mobile apps сlient sides – those parts that are visible to a user.

So it’s much easier to specialize in FrontEnd development, and 6 months course is an optimal period to master a sought-after profession through learning how to solve the problems of the customer and designers.

What will you learn? Web layout basics, HTML and CSS, JavaScript programming language, React framework. js, git, and BackEnd basics.

The key advantage of the course is in practical training, project preparation and supervision of developers, IT specialists and student mentors in the project implementation process.

Project work is built on real orders from customers or tasks similar to real ones.

The course program consists of 5 core modules during which students will be engaged in the creation of a website, landing page or web app, experiencing both individual and group work.

By the end of the course, each student will receive ready-made examples of their work that will help to form and complete their professional portfolio, will learn how to present the project to an audience, customers, and IT company representatives who will be invited to the project defense. Students will get prepared for the interview and job search.

For whom

IT newbies who want to become programmers and write a code

anyone who wants to develop a website or web application from scratch and learn how to present their work

everyone who wants to write a code for the real tasks from a customer and study a program built according to the latest standards of the IT industry

Course instructors

Vlan Solon'ko

FrontEnd Web Developer, teamlead, mentor

Has been working in IT since 2012, from network engineer to FrontEnd developer. Teaching experience: more than 3 years, more than 200 graduates. Area of professional interests: HTML5 - CSS3, Sass / Less, Git; Native Animation, JavaScript, Node.js, React.js, Redux, JSON, AJAX, XmlHttpRequest, OOP, Gulp, Webpack, Bootstrap / Foundation, Scrum, Agile.

What will you be able to

Learning layouts using HTML, CSS, knowledge of JavaScript

Work with client-server architecture in the context of writing real apps and web pages

React.js, Redux libraries, understanding of single-page websites working principles

Project work: landing page, website or web app

App testing and scaling

Reading of any code and understanding how it works and what errors it contains

Training for an interview, acquiring self-presenting skills and finished product presentation

Program

Before We Start

After passing the admission test and interview, a student receives a theoretical material to study about layout and Javascript before the core course starts: books, articles, and other necessary literature.

 

 

Module 1. HTML and CSS Basics

HTML is used to mark up a web page, and its structure allows us to enter data on the site. Students learn HTML markup tags and master this structure.

Also, during Module 1, students become familiar with CSS to learn how to transmit information to the browser on the сorrect reading of HTML tags.

Module topics:

  • CSS selectors;
  • design elements;
  • block management on the website;
  • margins and indents;
  • correct layout;
  • testing layout results;
  • adaptive web layout;
  • cross-browser layout;
  • animation;
  • CSS3;
  • developer tools.

Module 2. JavaScript Basics

The JavaScript programming language determines how a web page will respond to user actions. Students learn the syntax of the language and gain experience in:

  • basic and object data types;
  • type conversion;
  • variables and their naming;
  • conditions, operators, arrays;
  • cycles, functions;
  • visibility and circuit;
  • call context;
  • control structures;
  • error handling;
  • browser events;
  • localStorage / sessionStorage.

Additionally, students receive knowledge on the event loop, DOM, callback functions, developer console, debugging and checking the code for errors. Also, students master Jquery and event management.

Project work: interactive landing (one-page site).

Module 3. Advanced HTML / CSS

Finally, we are moving to the creation of complex interfaces with adaptability for any screen. Students analyze the CSS SASS preprocessor, its syntax, settings, and integration with Gulp. Also, students work with the CSS Bootstrap framework.

Module topics:

  • CSS methodology on the example of BEM;
  • layout with pixel precision;
  • layout with Retina support;
  • cross-browser compatibility;
  • Web accessibility;
  • Mobile-first;

 

Module 4. Advanced JavaScript

Students delve deeper into programming language possibilities. We study object-oriented programming (OOP), basic design patterns, the basics of functional programming, ES6 / ES7 standards (ECMAScript).

Module Topics:

  • constructors;
  • prototype;
  • recursion;
  • strict mode;
  • cookies;
  • Async / await;
  • WebSocket, JSONP, AJAX, XMLHttpRequest, Promise standards;
  • Single Page Application;
  • RESTful API;
  • code testing with frameworks.

Module 5. The basics of working with the React.js library

In order to write a complex web app, you need to study the React.js library.

Module topics:

  • JSX layout;
  • virtual DOM;
  • components;
  • Props / State component;
  • React router;
  • Redux;
  • ImmutableJS in React / Redux Applications;
  • middleware, redux-thunk;
  • Redux-forms;
  • application testing with Jest and Enzyme;
  • using hooks in React.

Workshop: Server-side JavaScript (BackEnd)

We also review the server side of the programming:

  • JS;
  • infrastructure and use of the NPM package manager;
  • JS framework;

Project work: a backend part for previously created apps and projects using the REST API and the popular Express.js framework.

 

Additional programmer skills

Students study the Git version control system that will make work easier.

The following topics will be covered:

  • work with git bash
  • workflow from creating storage to sending it to a remote server
  • work with branches
  • work with files

Workshops

The FrontEnd course provides workshops and participation in webinars from Israeli and Ukrainian specialists.

Self-presentation skills and prepare for an interview

Alongside with Module 3, students work on their personal qualities and prepare for self-presentation. Together with HR industry specialists, we prepare each student for a competency-based interview.

Final project

Students’ teams work on the final project using the scrum technique.

Each project begins with the implementation of the client’s task and ends with the work results presentation in front of the invited representatives from the IT field.

 

Registration for consultation

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

Contact us







Thank you for registration.

Our manager will contact you soon

Contacts