Frontend Development basics

An offline HTML andCSS course for beginners.

Learn to code andstart your way to a booming IT profession with great career opportunities. Diveinto the world of web development under the careful guidance of an experiencedmentor and get a chance to intern at BrainRocket.

Price €1000  
13 offline classes  
Focus on practice with the mentor
Who is the course for?

We designed the program suitable for a person with any level of coding knowledge. The most important things to complete our course are your motivation, ability to analyze, and dedication. Coding has no secrets — it is a skill anyone of any age can acquire.

What will you obtain?

How will the classes go?

Each class lasts for 2 academic hours with a short break between.

You will get all the theoretical knowledge on live lessons and discover basic working processes with the mentor.

You must have a laptop to do practical exercises in class or at home (a device able to work 2 hours without charging).

You will receive homework after each class. The mentor will review it and provide detailed feedback.

Before graduation, you will complete the final test task to develop your website.

The best alums could intern at BrainRocket and get a chance to receive a job offer.

Course Program
Lesson 1. How the internet and browser work
  • Server/hosting
  • Rules for rendering a page in the browser
  • Development tools
Lesson 2. Git through GUI
  • What it is and why it's necessary
  • Basic commands
  • Setting up a repository
Lesson 3. Markup and Semantic Markup
  • What are tags
  • Specifications
  • Validity
  • Semantics
Lesson 4. Basics of CSS Syntax
  • What is a selector
  • Types of selectors
  • Weight of selectors
  • Properties and their values
  • Units of measurement
  • Custom properties
  • Style normalization
  • Font linking
Lesson 5. Layout and Images on the Web
  • How to work with Figma
  • Raster graphics (jpg, png)
  • Vector graphics (svg and sprites)
Lesson 6. Flexbox Grids
  • Document flow and the displayproperty
  • What is a website grid
  • Managing flexbox axes
  • Complex properties - flex-grow,flex-shrink, align-contents, order, align-self
Lesson 7. Practical session
  • Review of covered topics
  • Individual work with a mentor
Lesson 8. Grid Layouts
  • Difference from flexbox
  • Standard grid flow
  • Grid areas
  • Sizes and repetitions
Lesson 9. Visual Styling
  • Events - hover, focus, active
  • Positioning
  • Correct margin setup
Lesson 10. Styling of Complex Elements and Forms
  • Radio
  • Checkbox
  • Select
  • Fieldset, legend
Lesson 11. Animations in Interfaces
  • Transition
  • Animation
  • When to use each of these
  • Simple work with SVG
Lesson 12. Practical Session
  • Review of covered topics
  • Preparation for work on thediploma website
Lesson 13. Graduation
  • Bonus lecture "How to publishyour website"
  • Diploma presentations
  • Networking
Elizaveta Pak
About the Mentor

Hello! I am Elizaveta Pak, a frontend developer with 8 years of work experience and 6 years of mentoring experience. I have taught the basics of markup and frontend to dozens of children and adults at major online and offline schools. During this time, I have developed my own teaching methods that maintain student motivation and help them acquire a new profession.

Get in touch today

Take a first step to the Frontend Developer career!

794 Mcallister St
San Francisco, 94102

Check - Elements Webflow Library - BRIX Templates

Thank you

Thanks for reaching out. We will get back to you soon.
Oops! Something went wrong while submitting the form.
Map - Elements Webflow Library - BRIX Templates