Front-end

Front-end

COURSE START 09/09/2019
Days: Monday, Thursday 19:30-21:30
Left places: 8 of 15
2500 uah/month
Duration 3 month

What awaits you on the course?

The course of Front-end

The course of the Front-end developer has been created specifically for people who desire learning how to create interactive pages in the shortest possible time. After graduation, you will be able to choose your place and time schedule as well as to get a job in an IT company. You will know HTML, CSS and JavaScript at the level sufficient for the Junior Frot-end developer to work.

What is the goal of the Front-end course?

The Front-end course will allow you to start working on freelance, select projects or build your own team of programmers to work on your own project. As you know, a novice front-end programmer can earn up to $500 per a month. A constant professional growth for several years can bring you to earn $1,500 per a month. You will be able to become the leader of an entire team of WEB-developers.
If you enjoy non-standard solutions, you want to master the layout of interactive pages on the Internet, and want to get promising work with constant professional growth and new tasks, then the work of the front-end developer will come to you with pleasure. This specialty does not require knowledge of programming languages or the ability to program at all. It is enough to learn the markup language of WEB-sites and learn a non-standard approach to solving complex tasks.

Initial knowledge

Before enrolling in the Front End Programming course, check out HTML, CSS, and JS to get an overview of how to create pages. The course will be conducted by highly skilled specialists, and the classes themselves will be divided into several logical blocks. Thus, the mastering of new information will be much easier and faster.

Course program

Introduction and basic concepts

1. OOP, DOM, HTML tags / attributes.

2. CSS selectors, properties.

Structure of HTML document. Developer Console: Chrome dev tools

1. Required HTML tags.

2. Basic HTML tags and CSS properties.

3. Tags’ attribute.

Work in IDE. basic HTML tags and CSS properties

1. Basis of work in IDE on example VSCode.

2. Review the necessary plugins for the IDE.

3. Work in Chrome developer tools.

Styling elements, basic elements in HTML / CSS layouts

1. Normalization and resetting of styles.

2. Methods of positioning the elements.

3. Pseudo-classes, pseudo-elements.

3. Sticky header / footer.

Analysis of a typical project

1. The structure of a typical project.

2. Overview of collectors: gulp / grunt / webpack.

3. SASS / LESS preprocessors.

Working with graphic editors

1. Working with a graphic editor: Photoshop / Sketch / Figma.

2. Splitting images in a graphics editor.

Collector Overview: gulp / grunt / webpack

1. The most popular collectors and their configuration: gulp / grunt / webpack.

Teamwork tools (Git, Jira, Confluence)

1. Git, description of Git flow process.

2. JIRA, Confluence

Development methodologies, Responsive layout

1. BEM, SMACSS, OSCSS methodologies.

2. Respondent layout.

3. Adaptive layout.

Additional HTML / CSS layout tools, Pixel perfect layout, fonts work

1. Pixel perfect layout, PerfectPixel plugin.

2. Working with fonts.

3. Working with SVG icons.

CSS frameworks, grids

1. Overview of the most popular frameworks.

2. Detailed analysis of Bootstrap components.

3. Networking: css grid, flexbox grid.

CSS Preprocessors, CSS3 transitions / animations

1. SASS, LESS preprocessors.

2. Overview of the basic properties for CSS3 animation.

3. Animation using keyframes.

Code Quality Control Tools (csslint, eslint, prettify)

1. Сsslint, eslint, prettify.

2. Implementation of code control in grunt / gulp / webpack collectors scripts.

Javascript basics for HTML / CSS layouts

1. The main properties and methods of DOM elements.

2. Office style elements using Javascript.

3. Create a composite carousel image

Test project

1. Let's see the finished design of the project into its parts.

2. Divide the parts between all the students.

3. We will conduct parallel development.

4. At the end we will take reception of the layout on the part of the customer.

Preparing for a job interview

1. Writing CV.

2. Publishing your code on Github.

3. Tips on how to prepare for an oral interview.

4. Solution for the most popular HTML/CSS job tasks for interviewing.

Teacher of the course

Popular destinations

Knowledge at the end of the course

After completing the training, the student will know HTML, CSS and JavaScript at a level sufficient to work on the junior position. Practical classes are aimed at preparing students for work on real projects. They will also learn how to optimize the code and structure it by the use of a variety of plugins. The last lessons will be aimed at preparing the student for work: writing a resume, finding vacancies and much more.