Web developer:

from scratch to profi

Master key web development technologies and prepare for real-life web development projects. The course will provide a solid foundation for your professional growth.
Get Started Now
HTML CSS JS Git Bootstrap Figma Zeplin semantic adaptive layout
From anywhere
in the world
Access via mobile
devices and PC
24/7 access
to the course
Certificate
of completion
What does a web
developer do?
A web developer builds websites, services and applications.
  • He or she develops online stores, online banks, search engines, maps and email clients.
  • He designs the interfaces of websites
  • Programs in the server side, which includes setting up servers.
Nowadays, web developers are in high demand as the usability of digital products directly affects the profits of a business.
Who is this course for?
Trainees
This is the starting point from which you will begin your development in IT. You will gain important skills for your current business.
Specialists
You already have some experience in IT and want professional development, new challenges and financial growth.
Reskilled
This is a reliable way into a sought-after IT profession with a stable income.
You will learn
  • Graphic editors: Figma, Zeplin, etc.
  • HTML and CSS
  • JS basics
  • Git and GitHub
  • FlexBox and CSS Grid technologies
  • Mobile adaptation
  • Principles of CMS (site management systems) seeding
  • Optimize site speed and validate layout according to w3c standards
  • Interfaces that fit a11y accessibility principles
  • Geo-mapping
Get Started Now
Reviews from our graduates
Alex
The course covered all key technologies - from the basics of HTML and CSS to modern frameworks and frontend development. I especially liked the fact that there was a lot of practice with real-world tasks, which helped me learn the material better. The course also provided a deep understanding of modern web development tools such as Sass/SCSS preprocessors, Gulp for process automation, and Git for version control. I recommend it to anyone who really wants to get a jump on web development!
Svetlana
Really enjoyed the course! It covered all the key aspects of web development, from the basics of HTML and CSS to modern frameworks. I feel that I now have a solid base for further study and development in this area.
Vera
As a designer, I was looking for a course that would help me better understand web development. This course has exceeded all my expectations! It not only covers the basic technologies, but also gives you the opportunity to put them into practice through interesting projects. I am now able to interact with developers more effectively.
Andrey
This web development course was a real eye-opener for me! As a marketer, it was important for me to pump up my skills in web development for data collection and storage. I mastered key technologies and learned how to use tools like Git and Gulp. I can now plan and implement marketing strategies more effectively with the technical aspects in mind.
Maxim
I already had experience in development but decided to take this course to update my knowledge and learn new tools. It turned out to be very informative and practical. I learned how to work with modern frameworks and improved my layout skills. Now I am ready for new challenges.
How will you learn
1
Learn in a style that suits you
The course includes thematic videos, text materials, tests and practice assignments. You can study at any time, and you'll have access to the learning materials on an ongoing basis.
2
Access to the materials is available 24 hours a day
All learning materials are available 24 hours a day, 7 days a week. You choose when and how much time to study, making the learning process as convenient and flexible as possible.
3
Do practical assignments
Put your theoretical knowledge into practice by working on real projects. This will allow you to apply your skills to tasks you will encounter in the future.
4
Get feedback
Your mentor will check your completed assignment within 24 hours of submitting it. If you have any questions, you can get answers directly in the chat room.
All of our experts are
practicing web developers
Maria Solovyova UX/UI designer
Has 4 years of experience in creating user interfaces and interactions. Worked on projects for TechMD, TruAdvantage, including redesign of mobile applications and websites.
Dmitry Kovalev Backend developer
Specializes in RESTful API development and integration with cloud services. He has 5 years of experience in startups and large IT-companies. Participated in the creation of highly loaded systems and database optimization.
Sergey Ivanov DevOps engineer.
Has 4 years of experience in automating deployment and infrastructure management processes. Worked with various cloud platforms and CI/CD tools. Participated in workflow optimization in several large projects.
Course program
Module 1
An immersion in the topic of web product creation. Learning the basics of HTML and CSS
  • Introduction
  • Web Products. Perspectives.
  • Web site builders, AI, and perspectives.
  • Classification and stages of website/web application development
  • Protocols, client-server architecture and http
  • How it all works from the inside: html, css, js, etc.
  • Working with graphics: types, design layouts, etc.
  • Services for working with graphics
  • (Optional) Converting icons to svg format and “grids” in layouts
  • Installing and customizing code editor
  • Creating your first project. HTML basics
  • Basic HTML tags in practice
  • Test for practicing basic tags
  • HTML5 Semantics and Semantic Tags
  • Semantic tags consolidation test
  • CSS basics in practice
  • Test to consolidate knowledge about CSS
  • CSS block model
  • Developer Tool. What is it and how to work with it?
  • CSS Block Model. Part 2
  • Test to consolidate knowledge about the block model
  • Positioning elements in CSS. Card deck principle
  • Vertical alignment of elements. History: layout with tables and floats
  • CSS units of measure
  • Specificity of CSS selectors
  • Intermediate test to consolidate knowledge
  • Automatic code formatting
  • Practice. Creating a site on pure HTML and CSS
  • Flexbox technology
  • Using Flexbox in a project
  • Practice. Finishing a site on pure HTML and CSS + homework
  • Object-fit property and working with images
  • Normalize styles normalize.css and analogues
  • Connecting files via cdn-servers. Differences and advantages
  • Working with fonts in web'e
  • Final test of the module
Module 2
Optimization of work. Modern approaches
  • What this module is about
  • How pure CSS is slowly catching up with tools
  • CSS Nesting
  • Practice. Creating a new project
  • CSS variables (custom properties)
  • Practice. Creating the first two sections
  • CSS Grid. Beginning
  • CSS Grid. Flexibility unit (fr) and repeat()
  • What to use: Grid or Flexbox
  • Practice. Creating a grid section
  • CSS Grid. Explicit and implicit grids
  • CSS Grid. Minmax() function
  • CSS Grid. Track scaling, auto-fit and auto-fill
  • CSS Grid. Track positioning
  • (Optional) CSS Grid. Track alignment
  • (Optional) CSS Grid. Grid Area and subnets
  • Pseudoclasses in CSS
  • Applying pseudoclasses in a project, css transition
  • Pseudo elements in CSS
  • Applying pseudo elements in a project
  • Practice. Finishing basic layout. Function calc()
  • About footer and variable
  • Variants of working with icons
  • Adapting projects for different devices
  • What is Pixel Perfect
  • Great practice. Project adaptation. Part #1
  • Tip. Nesting during adaptation
  • Project adaptation. Part #2
  • Logical properties of dimensions
  • Local links, favicon and smooth-behavior
  • Version control systems. Git
  • Services for storing repositories. github / gitlab and others
  • Publishing a site on the Internet. Domain. Hosting. Resetting the “cache”
  • How to work with GitHub from different computers, gitignore and Git UI
  • Final module test
Module 3
Technology for the Web Developer. Advanced practice
  • Preprocessors in CSS (SASS/SCSS and others)
  • Class naming methodologies (BEM, Atomic, etc.) naming convention
  • What are project builders, task schedulers, etc.
  • Why we need this module
  • Gulp Task Scheduler
  • Practice. Creating a new project using Gulp, BEM...
  • If your images don't work
  • Forms on websites
  • Practice test
  • Getting to know JavaScript programming language
  • How can I learn JavaScript?
  • Practice. Creating a slider on the site. Slick-slider
  • If your scripts don't work
  • Practice. Alternative variants of sliders
  • Practice. Creating tabs on the site. Part 1
  • Practice. Creating tabs on the site. Part 2
  • Creating interactive maps on the site
  • Practice. Creating modal windows on the site
  • Forms validation
  • Number input mask on the site
  • Local servers
  • Practice. Sending letters from the site
  • If you have an error when submitting a form
  • Smooth scrolling on links and “up” element
  • Animations on websites with CSS3
  • Libraries for working with animations
  • About updates and animate.css
  • Site validation
  • Uploading the site to the real hosting. Setting up a domain, what is FTP and SSL
  • Optimizing site loading speed, refining gulpfile
  • Test to consolidate the material
Module 4
CSS Grid + portfolio site
  • What is this module about?
  • Grids and CSS Grid again
  • Flex unit (fr) and repeat()
  • Explicit and implicit grids
  • Minmax() function and track scaling
  • Track positioning
  • Track alignment
  • Grid Area and subgrids. Grid adaptation
  • Once again about meta tags and favicon. OG tags
  • Test to consolidate the material
  • Preparing for portfolio creation
  • Creating the first screen, part 1
  • Creating the first screen, part 2 (menu animation)
  • Using CSS Grid to create the second screen
  • Creating the third portfolio screen
  • Let's implement a script for automatic recalculation of percentages
  • Create a block portfolio of works
  • Create a block with contacts
  • Privacy policy. What it is, why and how to use it.
  • Object-fit property
  • Adapting a portfolio, part 1
  • Adaptive images
  • Finishing up the portfolio and adapting the final screens
  • CSS Variables
  • What is Mobile first
  • Course Final Test
  • What to do next?
We have prepared flexible rates to meet your expectations
Choose the rate that suits
you best and start learning
Basic
A solid foundation for those beginning their web development journey.
$35
  • Web development basics: HTML, CSS, JavaScript.
  • Hands-on exercises
  • Access to training materials: 3 months
  • Chat with mentors
Start Now
Optimal
Deeper dive with advanced tools and techniques for developers.
$60
  • Work optimization. Advanced techniques.
  • In-depth practice
  • Knowledge Validation
  • Access to training materials: 6 months
  • Chat with mentors
  • Certificate
Start Now
Advanced
A package for developers who want to build complex applications and other web products.
$100
  • Essential technologies for the web developer and advanced practice
  • Development of real-world projects
  • Tests
  • Access to educational materials: 12 months
  • Mentor Feedback: Ability to ask questions and get answers.
  • Certificate
Start Now
Master
This package offers comprehensive solutions for web product development, portfolio building, and employment preparation.
$130
  • All course materials
  • Practice: creating a web application
  • Portfolio building
  • Knowledge Check
  • Chat with students
  • Access to educational materials: 18 months
  • Mentor feedback: opportunity to ask questions and get answers.
  • Certificate
Start Now
Corporate
This package is designed for corporate clients looking to improve teamwork and business process efficiency.
$700
  • All course materials
  • Group sessions: Organizing training for a team (up to 10 people).
  • Practice
  • Knowledge check
  • General group chat
  • Support: chat with mentors.
  • Access to training materials: 12 months
  • Certificates to all group participants
Start Now
How to increase
the grade?
Choose the Corporate rate, which includes all materials for maximum benefit.

Train with mentor support, build a strong portfolio that showcases your skills, and prepare for employment.
Start Now
Your resume after completing the course
Web-developer
From $3200
HTML CSS JS Git Bootstrap Figma Zeplin semantic adaptive layout
  • Web page layout: HTML, CSS
  • Adaptive and mobile layout
  • Controlling changes to project code, working on GitHub
  • Solving problems using JavaScript
  • Creating interactive web pages
  • Web application development
  • Using React library, JSX, React router, VirtualDom
  • Applying the principles of client-server interaction
  • Backend depending on specialization: PHP, Node.JS, Python
Certificate
A certificate confirming your skills is an
additional argument for your employment
FAQ
I don't know how to program, can I do it How hard is it?
You don't need to know how to program to start. The course starts with simple things and gradually becomes more complex. We proceed from the general goal and consistently “lay it out” into the goals of each block, module, lesson. All materials, assignments, projects are aimed at obtaining specific skills that will eventually add up to the level of professional competencies planned for the graduate.
How do I get my money back if I didn't like the course?
To do this you need to contact the course coordinator and make a refund request. During the first three lessons we will refund you the full amount, and starting from the fourth lesson we will calculate the refund amount or help you to choose another course instead.
Do I need to install any software to work on the course?
You do not need to download anything in advance. During the course we will help you to install all the necessary software for work.
Where are web developers in demand?
Websites and web applications are needed in all industries: government agencies, telecom, retail, banking, and services. Artificial intelligence, chatbots, virtual assistants and other IT solutions are actively developing, web search and navigation are improving. In order for this system to function, a large number of sites and applications need to be constantly created and maintained.
Do I need to install any software to work on the course?
You do not need to download anything in advance. During the course we will help you to install all the necessary software for work.
What equipment will I need?
Laptop or desktop computer running macOS 10.15 or higher, Windows 8 or higher. You will receive all instructions on how to install the necessary software from us. Minimum computer specifications requirements: At least 2 GB of free RAM, devices with 8 GB RAM are recommended 2.5 GB of free disk space, it is recommended to use SSD Screen resolution - at least 1024x768 pixels
The industry and technology is constantly changing. Do you update your course content?
Of course, course content is updated and adapted to changes in industry and technology. Moreover, we regularly improve the quality of the content based on feedback from experts and students.