brainix

Experienced mentors are your guarantee of success

Our lecturers are not just theorists, but practitioners with many years of experience in the IT industry. They will not only impart fundamental knowledge of front-end development, but also share their real-life cases and life hacks. Thanks to their mentorship, you will be able to quickly master new technologies and keep up with the latest trends.

Senior Front-end Developer

Middle Front-end Developer

Senior HR Specialist

Serhii Husev He is an experienced front-end developer with a proven track record of building high-performance, scalable web applications. He is skilled at optimizing page load times, reducing packet sizes, and improving the overall user experience through a deep understanding of web performance best practices.

Roman Ohiienko An experienced front-end developer is proficient in HTML, CSS, and JavaScript, has deep knowledge of modern frameworks such as React or Vue, and understands the principles of adaptive and cross-browser layout. They are able to develop complex user interfaces, optimize performance, and participate in the architecture of frontend applications. In addition, such a specialist knows how to work in a team, collaborating with designers and backend developers to achieve the set goals.

Serhii Sokolovskyi An experienced HR specialist who knows the Canadian labor market is well versed in the requirements for IT specialists, in-demand skills, and current hiring trends in Canada. They understand the nuances of writing a resume according to Canadian standards, emphasizing relevant experience, achievements, and technical competencies that are valued by employers. Such a specialist also knows how to adapt a resume to specific vacancies, increasing the candidate's chances of passing the first stage of selection.

Your learning journey from beginner to PRO from beginner to PRO

In 32 lessons, you'll get all the training you need to become a successful front-end developer.

HTML, CSS overview / 1 lesson

• HTML, CSS, Javascript overview. HTML tags and attributes
• Emmet, CSS basics, paddings and margins, most common CSS rules. PSDEtch
• Working with consoles. Git and Gitlab
• Reset CSS. Block model, box sizing, inline-block. Chrome Developer Tools, Elements tab. HTML special symbols
• CSS selectors, Selectors weight, CSS units of measurement.

HTML, CSS basics / 1 lesson

• Floating elements, clearfix. Working with fonts, using custom fonts, icon fonts. Font Awesome.
• Pseudo-elements, pseudo-classes
• Working with colors, opacity. Positioning elements
• Sprites. HTML forms, styling different types of inputs
• Tables, new in HTML5, new in CSS3
• Flexbox
• Grid Layout
• CSS animation, Parallax.

Javascript basics / 3 lessons

• Variables, interaction with the user. Basic data types. Arithmetic operators
• Basic data types, working with primitive types, type casting. Operators, logical operators, switch
• Loops
• Functions, variables scope, Debugging Javascript code
• Objects
• Working with strings, date and time
• Arrow functions, default function parameters
• Arrays, pseudo-array arguments, spread. jQuery, Jquery Plugins.
• Step Project.

HTML, CSS, Javascript advanced / 4 lessons

• CSS preprocessors. SASS, SCSS. CSS methodologies
• Adaptive and responsive, Mobile First. Homework Overview
• Advanced adaptive, using Flexbox, Grid
• Advanced git usage. Step Project.
• Destructuring of objects and arrays, spread and rest operators. Homework Overview

Npm, Gulp overview. Bootstrap. AJAX / 3 lessons

• Npm basics. Package.json overview. Homework Overview. Gulp and its modules.
• AJAX, fetch. axios. JSON parse, stringify. Homework Overview
• Request types (POST, PUT, D make an informed decisionELETE). Request Headers (Content-Type). CORS basics.
• async/await. Cycle of events. Asynchrony in JS. Homework Overview
• ES8 modules. Bootstrap. Step project overview

Javascript advanced / 7 lessons

• Function constructor. this like a context execution function. this of arrow functions. call, apply, bind…
• Closures. Error handling (try … catch), including exception forwarding. Homework Overview
• Testing Javascript code
• Prototypal inheritance. ES8 classes. Homework Overview. ES8 classes - practice
• Promise.

React. Component lifecycle, propTypes, defaultProps. Redux. Middlewares, fetching data from server / 6 lessons

• React.JS basics. Creating nested components, DOM references, component lifecycle
• Component lifecycle, propTypes, defaultProps
• React Router V5, propTypes, defaultProps
• React hooks, SVG, working with server
• Redux Basic
• Middlewares, fetching data from server, async actions with redux-thunk
• Redux and middlewares practice
• Working with forms. Redux forms. Formik.

Testing React components. Advanced hooks, performance optimization. Context API / 7 lessons

• Testing React components. Advanced hooks, performance optimization. Context API
• Advanced CSS styling. Material UI. Deploying React application. New in React. Other libraries from React infrastructure
• NodeJS basics
• NodeJS + Express
• NodeJS + MongoDB
• NodeJS practice.

Let us help you make an informed decision

Real results, real reviews

Don't just take our word for it. See what our graduates have to say.

From HTML to complex interfaces, I can now bring ideas to life on my own. A great start for anyone looking to become a web development professional!

Katya Litvin Project Manager

This course helped me understand how important the technical aspect is in the development process. Great training program!

Ahmad Noor Project manager

This course was a real revelation for me. A very useful experience that significantly expands my professional horizons.

Hanna Marketer

The course opened up the world of frontend development to me! This is a great step for students who want to expand their skills!

Serhii Programming student

After completing the course, I learned how to create not just beautiful, but also functional interfaces. I now actively use the lessons on React and JavaScript in my work.

Shilke Kolang UI/UX designer

Outstanding service! The team delivered above and beyond my expectations. Highly recommended!

Albert Flores Graphic designer

Achieve your goals with our proven program

Explore the unique benefits of our comprehensive course.

Money-Back Guarantee If you're not satisfied, we'll refund your tuition

Lifetime Access Enjoy unlimited access to course materials

High ROI Gain skills that will pay off for years to come.

Personalized Learning Receive tailored support and feedback from our expert instructors.

Small Class Sizes Enjoy a more intimate learning environment with personalized attention.

Master New Technologies Stay ahead of the curve with our up-to-date curriculum.

FAQ

If you have any questions, you can always contact us, but first check if your question is answered in this section.

What projects will I build during the course?

During the training, you will work on three step projects. You will work on the first one individually - this is the layout of a web page using adaptive layout technologies, which you will learn about in class. The second step project will be a team project, the teams will be formed by the teacher. In this project, you will implement a more complex version of a web page using Javascript. The third project will include all the knowledge you have gained about adaptive layout, as well as using functional programming according to the rules of OOP Javascript and project builders. All projects will be implemented using the GIT version control system.

What is the format of the course? Is it self-paced or live?

The course format is online. All lectures, homework review and other meetings will be held in Zoom or Google meet.

What development environment is used during the training?

Windows. However, there will be a separate lecture on the Linux development environment, knowledge of which is very important for gaining professional experience for a developer.

What is the level of commitment required?

To enroll in the course, a student does not need prior knowledge of programming. The course is designed for beginners, and all key topics - from the basics of HTML and CSS to working with JavaScript, React and other modern frameworks - will be explained in detail from scratch. However, it is useful to have a basic understanding of working with a computer and the Internet, as well as a desire to learn and develop in the field of web development.

What is the support like for students?

Our mentors work with each student individually in case of difficulties with mastering a particular topic. Each student has the right to one hour of individual work with the teacher on each topic of the course.

What are the job placement or career support services like?

Our experienced specialist in the Canadian labor market Sergey will introduce you to the details of employment in the IT sphere, help you to create a professional resume with links to the repository with projects implemented by you during the course, to the LinkedIn profile, tell you the intricacies of job search in Canada, and also carefully prepare you for the interview in English. He will also accompany each student during the first three interviews for the position of front-end developer with an analysis of previous unsuccessful (if any) interviews.

Is there a community or mentorship program?

A separate group is created for each stream, where students can discuss questions on course topics, as well as receive help and support from mentors upon completion of the course, if the latter have free hours. Each student has the opportunity to take the course an unlimited number of times as a listener.

In what languages is the course taught?

The course is conducted in Russian, but a separate lecture on specific terms and professional topics will be given in English. Employment training is conducted exclusively in English.