Focus IT College

Frontend development

At Focus IT College, we offer unique frontend development courses that will help you become an expert in creating interactive and visually appealing user interfaces for web applications. Regardless of your level of expertise, our courses are suitable for both beginners and experienced developers looking to expand their skills.

Start learning
6 months, 2 times per week
Live classes during evening hours
Up to 15 students per class
Course materials and classes are in English
From beginner to pro
Technologies and software you will add to your toolbox
html [#124]Created with Sketch.
HTML5
CSS3
JavaScript
react
React
git
Git
visual_studio [#005FEE]Created with Sketch.
Visual Studio

Modules

HTML & CSS
  • What is a website. Work process setup. Introduction to HTML.
  • Version Control Systems, Git and GitHub
  • HTML5 tags
  • Introduction to CSS
  • Flexbox, Bootstrap
  • CSS Box Model
  • CSS selectors
  • Figma
  • Working with pre- and post-processors
  • BEM methodology
  • Fonts in web, Font Face
  • Flexbox
  • CSS Position Transform. CSS Animation
  • Creating forms
  • CSS Grid Layout
  • Scalable Vector Graphics (SVG)
  • Responsive navigation. Adaptive Graphics
  • RWD. SEO. Cross-browser compatibility
 
  • Project 1. A simple website for your portfolio
 
JavaScript
  • JavaScript basics
  • Data types and operators. Part 1
  • Data types and operators. Part 2
  • Data types and operators. Part 3
  • Loops and conditions. Part 1
  • Loops and conditions. Part 2
  • Functions
  • Arrays
  • Objects
  • Classes. Part 1
  • Classes. Part 2
  • Classes. Part 3
  • Document Object Model (DOM)
  • Events
  • Introduction to Slick Slider and jQuery
  • Customized maps with an example of Google Maps API. AJAX
  • Web storage
  • Project 2. Architecture – basic web-site + JS
 
Front-end: React
  • Introduction to React. Part 1
  • Introduction to React. Part 2
  • React state and props. Lifecycle methods. Part 1
  • React state and props. Lifecycle methods. Part 2
  • Lists and conditional rendering. Part 1
  • Lists and conditional rendering. Part 2
  • Stateful vs Stateless components. Forms, events. Popular libraries for React
  • React: Hooks
  • React routing
  • Project 3. Responsive website with JS. Part 1
  • Project 3. Responsive website with JS. Part 2
  • Project 3. Responsive website with JS. Part 3
  • Project 3. Responsive website with JS. Part 4
  • Project presentation
  • Graduation
 

Who is a Frontend developer?

A frontend developer is the creator of user interfaces in the web space, whose main task is to craft attractive, intuitive, and functional web applications.

Frontend developer is responsible for:

  • Developing and implementing designs into web formats using markup languages, styles, and scripts.
  • Optimizing the performance and accessibility of web applications for various browsers and devices.
  • Collaborating closely with designers, backend developers, and other team members to achieve project goals.
React

Free individual consultation

We’re here to answer any questions you may have. Get an insight into our approach to tech education and learn what’s possible when studying with us.