Frontend developer bootcamp - course 140,000 rub. from Yandex Workshop, training 10 months, date November 30, 2023.
Miscellaneous / / November 30, 2023
Accelerated learning
Bootcamp is a new course format for those who want to learn a new profession as quickly as possible. Over the course of 22 weeks, you will study for 8 hours a day to prepare to become a front-end developer.
Personal approach
You will study in a small group - this way we can pay a lot of attention to each student. Mentors help with questions via chat, conduct webinars on the project and online meetings to discuss any issues.
Full immersion in the profession
You will deeply explore the skills every front-end developer needs: HTML and CSS, JavaScript, React, Redux and TypeScript.
Individual consultations with a reviewer
You will receive feedback on the project within 24 hours to quickly close the practice and move on. And for each project you will receive an individual consultation with error analysis.
At regular meetings with the mentor and the group
Every week you will participate in planning and summarizing, as well as in webinars and Q&A sessions where you can ask questions to an expert
With theory and practice on our platform
You will study online on the Workshop platform: we will explain the theory in simple language, and you will practice it in practice in the simulator and in independent projects
On educational projects
You will be able to solve everyday tasks of a front-end developer and complete 4 educational projects. The reviewer will analyze your work during a personal consultation: he will note what can be improved and what turned out well.
You will study on your own, but not alone — you will be supported by practicing specialists
Mentors help you understand the theory and conduct webinars
All mentors are practicing web developers who can be contacted with any questions about the course.
You will receive a standard diploma of professional retraining
If you have higher or secondary vocational education. If not, we will issue a certificate of training and a certificate - this is also an official document about education.
Resume and presentation for yourself
First, we’ll talk about the labor market and companies that hire front-end developers. We’ll help you put together a resume, teach you how to write cover letters, and prepare you for interviews.
Feedback and interviews
Then you will start applying for vacancies and communicating with employers. Together we will choose the best options and look for a company that suits you.
HTML, CSS, JavaScript: introductory module
You will feel yourself in the role of a developer and understand whether you want to develop in
this direction. Learn basic HTML and CSS syntax. Learn
place blocks on a web page, change font and colors. Write a simple one
JavaScript program and make the page interactive.
Topic 1. First code
Topic 2. What is HTML and CSS
Topic 3. Basic CSS Properties
Topic 4. More CSS
Topic 5. JavaScript. Start
Topic 6. JavaScript. Landing in reality
Topic 7. About what's next
20 hours
How does training work?
You will learn how the program and training work.
Review the organizational details.
Topic 1. What happens next: the learning process
Topic 2. Modules, deadlines and plagiarism
Topic 3. About moving to another cohort
Topic 4. Project work and additional projects
Topic 5. Something about soft skills
Topic 6. Support team
Topic 7. Communication
Topic 8. Rules
Topic 9. What will happen in the end
Topic 10. The acquaintance is over. Let's make sure we understand each other correctly
Approximately 2 hours
Module 2
HTML and CSS: layout, accessibility and interactivity
Learn to work with fonts on the web. You will understand how to write code,
correct for browsers and search engines. Explore all the ways
organizing the frame of your page. Learn to customize pages
for search robots. You will work with video, audio and others
interactive page elements. You will understand how and with what events
CSS can work on the page. Understand what elements are on the page
can create a style language. Learn to style elements in different
states and in different situations (for example, depending on the order of their
appearance). Understand the basic principles and tools of creation
available web pages.
Sprint 1: Layout: semantics and layout
Topic 1. Repetition before start
Topic 2. Layout - continuation of design
Topic 3. Getting ready to write code
Topic 4. Files in the project
Topic 5. Bash and Git. Basics
Topic 6. Fonts and Typography
Topic 7. Semantics
Topic 8. Global attributes
Topic 9. Flexbox layout
Topic 10. How to submit design work
Topic 11. Positioning elements
Topic 12. Grid Layout, part 1
Topic 13. Codestyle
Topic 14. Component approach
Sprint 2: Layout: accessibility and approaches to organizing styles
Topic 1. Setting up the page and meta
Topic 2. External embedded content: video, iframe, API
Topic 3. Block model addition
Topic 4. Pseudo-classes and pseudo-elements
Topic 5. Availability
Topic 6. Form marking
Topic 7. Wonderful selectors
Topic 8. Styling forms
Topic 9. Linters, formatters, automation
Topic 10. BEM, Atomic
Topic 11. Advanced Git and Bash
6 weeks
+2 projects in portfolio
One-page website “It’s for you”
necessary".
Create your first
one page site.
Writing CSS styles for
"Look Out the Window" application.
In this project work you
have to write CSS for
running application.
Module 3 Design, adaptive layout, decoration
Learn a set of techniques that will allow you to display correctly
pages on different devices and with different settings. Prepare
graphics for working with different screens. Learn to organize your code
to create a color theme for the site. Let's sort out the decorating tools
your pages. Gradients, shadows, filters, blending modes - it's all
Here. Learn to use vector graphics on pages and
use interactive tools that are built into HTML.
The icing on the sprint cake is page animations.
Sprint 3: Layout: responsiveness and graphics
Topic 1. Approaches
Topic 2. Raster graphics
Topic 3. Custom variables
Topic 4. Units and functions
Topic 5. Grid Layout, part 2
Topic 6. Interface development for different devices
Topic 7. Formatting automation and linting
Topic 8. Postprocessors
Topic 9. Git for adults
Sprint 4: Layout: decoration, approaches and tools
Topic 1. Using SVG
Topic 2. 2D transformations and transition
Topic 3. Animations
Topic 4. Decoration
Topic 5. 3D transformation
6. Modal windows
Topic 7. Template engines
Topic 8. Preprocessors
Topic 9. Design Basics
6 weeks,
+2 projects in portfolio
Adaptive website with different
color themes “Complicated
concentrate."
You will create a responsive website in
different color themes,
where all sorts of cool things are collected
working tips on how not to
lose concentration.
Mood board
Web application "Moodboard"
which you collect yourself.
The result is your personal
road map with states,
which you have visited so far
took this course.
Module 4 Basic JavaScript
Consider data types, learn to work with conditions, loops
and functions. Learn the DOM. Learn how to add layout to a project
using JavaScript and adding interactivity to the page: create
interactive forms with data verification and work with custom
events.
Sprint 5: JavaScript Basics: Types, DOM Basics
Topic 1. Remember all
Topic 2. How to find solutions to problems?
Topic 3. Primitives. Start
Topic 4. Introducing the DOM
Topic 5. Debugging JavaScript
6 weeks
+1 project in portfolio
Sprint 6: JavaScript: working with data, arrays, functions and objects
Topic 1. Methods for working with data, conditions, cycles
Topic 2. Creating, adding and removing elements in the DOM
Topic 3. Arrays
Topic 4. Functions
Topic 5. Objects
Topic 6. Teamwork
1 educational project
(to completion)
Module 5 Advanced JavaScript
Learn how to write modular code and set up infrastructure
applications using the Webpack tool. Master complex
JavaScript language concepts, asynchrony and data exchange with the server.
Learn to work with user events and interact
with the server. Learn asynchronous and synchronous operations, get to know each other
with the Promise concept.
Sprint 7: Dive into JavaScript: code assembly, event handling,
form validation and working with API
Topic 1. Build the project. Webpack
Topic 2. Modules in JS
Topic 3. Advanced JavaScript. Asynchrony
Topic 4. Event Handling
Topic 5. Working with Forms
Topic 6. Form Validation
Topic 7. Working with the API
3 weeks,
+1 project in portfolio
Mesto
Create your own web service. How
it looks like Instagram
there will be an interactive page
with photos. you will make it
from start to finish: first everything
type it up, then write it
logic in JavaScript. Are you implementing?
form validation, adding,
deleting photos and likes
to them. Connect your project
to the server and host it
in the Internet.
Module 6 TypeScript and OOP
Become familiar with another important concept: object
oriented programming (OOP). Learn the principles
software development and work with the environment. Apply OOP techniques
in the development of web interfaces. Learn about logical continuation
and expanding the functionality of JavaScript in the TypeScript language. Learn
apply it in your projects.
Sprint 8: TypeScript and OOP
Topic 1. Introduction to TypeScript
Topic 2. Object Oriented Programming
Topic 3. TypeScript Basics
Topic 4. Advanced TypeScript and OOP
6 weeks
+2 projects in portfolio
Sprint 9: OOP in interfaces: simple and not only concepts
Topic 1. Software Development Principles
Topic 2. Working with the environment
Topic 3. OOP in interfaces
Topic 4. OOP in interfaces: continued
1 educational project (for
completion)
One page
online store application in TypeScript
OOP style: Develop
online store frontend
“Web stall” with catalog
goods, basket and
design function
order. Realize it all
in OOP best practices
using TypeScript.
Project month
You will design and write the basic functionality of one project
from the customer and one educational project.
1 month
Module 7 Interfaces Using React
Explore the React library and its ecosystem. Learn to create
and structure React projects, create components and manage
data streams. Learn a functional approach to React development
and learn to write efficient, productive code using hooks.
Sprint 10: React Basics
Topic 1. SPA concept and frameworks
Topic 2. CRA. Setting up and building the project
Topic 3. JSX syntax
Topic 4. Components and their life cycle
Topic 5. useState and useEffect
Topic 6. React DevTools
Topic 7. Import modules, CSS modules
Topic 8. Component libraries. Working in isolation. Storybook
3 weeks,
+1 project in portfolio
1 educational project (for
completion)
Module 8 Routing and authorization
Learn to work with global state and APIs using Redux.
Create individual screens in the application and configure routing
using react-router-dom, including dynamically generated ones
routes. Implement authorization with tokens and protected routes.
Sprint 11: Routing and Authorization
Topic 1. Global state
Topic 2. Redux library
Topic 3. React Router
Topic 4. Authorization
3 weeks,
+1 project in portfolio
Stellar Burger:
Write Stellar applications
Burger" to order food from the main
page and personal account,
create a Redux storage,
and also implement routing
and authorization.
Module 9
Testing React Applications
Learn to speed up React applications, test them,
bring them into production and release them on your own remote server.
Sprint 12: Testing React Applications
Topic 1. Optimization (speeding up the application)
Topic 2. Testing React applications: Jest, Cypress
Topic 3. Preparing the project for production
3 weeks,
+2 projects in portfolio
1 educational project (inverted
task)
Stellar Burger:
Now cover yours
unit test application,
as well as integration
tests using libraries
Jest and Cypress.
Parallel module
Employment assistance
The career track consists of two stages: the employment program and
acceleration programs.
Employment program
Here we will help you collect everything you need for employment
artifacts and acquire the necessary skills. You will write a resume, collect
portfolio, write a motivation letter. With our support
develop a search strategy and prepare for interviews.
Acceleration program
This is work in the field. You will apply for vacancies, write
cover letters, take tests and go to interviews.
Most likely, you will receive many refusals and we will analyze it together
mistakes to improve results. This stage ends when you
You receive a job offer that you accept. On average this
the search takes from one to three months.
Topic 1. Labor market
Topic 2. Working in a product team
Topic 3. Development opportunities in web development
Topic 4. Goal setting and summary
Topic 5. Motivation letter and portfolio
Topic 6. Job Search Strategies
Topic 7. Artifact adaptation
Topic 8. Realities of the labor market, job search in the capital and in the regions
Topic 9. Interviews
Topic 10. Preparing for an interview
Topic 11. Active acceleration program. From response to invitation to
work