At this stage you will learn the basics of creating interfaces on the web.

Topic 1: HTML document structure, block model, basic tags. Selecting the image format.

Topic 2: Semantic markup, accessibility and SEO.

Topic 3: Working with forms, interacting with the server.

Topic 4: CSS page styling: selectors and application priority, positioning, working with grids (flexbox, grid).

Topic 5: Adaptive layout: Media queries, mobile first approach.

Topic 6: Organization of styles on a project, BEM methodology.

Topic 7: Advanced CSS techniques: Styling pseudo-elements, animations, shadows and gradients.

Topic 8: Animations, transformations and filters using CSS.

Topic 9: Basic JavaScript interaction with a page, event handling. Connecting external modules.

Topic 10: Development tools: Using a preprocessor, code minification, npm, webpack.

Basic language concepts, working in a browser, writing simple programs

Topic 11: Basic language syntax, variables and constants, data types and structures, functions, loops.

Topic 12: Advanced work with functions, higher order functions, recursion.

Topic 13: Advanced language syntax: rest/spread operators, destructuring.

Topic 14: Standard classes in JS: Map, Set. Working with dates.

Topic 15: Closures, scope, calling context.

Topic 16: JS Prototypical Model and Modern Class Syntax.

Topic 17: Working with asynchronous code (Promises, callback, async/await). Event loop.

Topic 18: Working with the DOM. Selection and modification of elements. Event model. Storing data on the client.

Topic 19: Working with network requests: ajax, fetch.

Topic 20: Principles of the web, web servers and DNS, HTTP protocol. REST architecture. Web authentication.

Single Page Application Development Basics

Topic 21: How react.js works, JSX syntax and how the Virtual DOM works

Topic 22: Component approach, component state, data passing, event handling

Topic 23: Conditions and Loops in Templates

Topic 24: Component life cycle, rendering optimization

Topic 25: Working with styles in React.

Topic 26: Form data processing, validation

Topic 27: Building client-server applications.

Topic 28: Routing in an application with react-router

Topic 29: State management: Redux, asynchronous communication

Frontend development for a real commercial project

• HTML
• CSS/SASS
• JavaScript/TypeScript
• React
• Redux
• Git
• NPM
• Webpack

At this stage, we will help you refresh and systematize all the theoretical knowledge you have acquired to successfully pass interviews, after which you will pass a final test on all topics with a mentor. Our HR specialist will help you create a resume, select the best companies, and provide support during interviews. After receiving offers from companies, we will help you choose the best one.