Front-end developer: course with a job placement

Learn how studying at Mate academy is organized: how the platform works, how interaction with mentors is structured, what the program includes, and get tips on how to study effectively and manage your time.

Topics

• How Education Process Works
• How Employment Process Works
• How to Study Effectively

Discover the programming language best suited for beginners. We'll kick off with strings, functions, conditionals, loops, arrays and a few more!

Topics

• Introduction
• Your First JavaScript Program
• Main Concepts
• Numbers
• Strings
• Boolean
• Functions
• Conditional Statements
• Arrays
• Loops
• String Iteration
• Strings Methods
• Working With Arrays
• Practice

This module contains information, tips, and assignments that will help you study more effectively in the course and, in the long run, get a job in a better company with a higher salary.

Topics

• How to Learn Effectively

Learn how to use GenAI responsibly and effectively.

Topics

• How GenAI Works
• Limitations of GenAI
• Prompting
• Responsible Use
• GenAI for Learning
• How to Keep Up With AI

Next up: introduction to HTML and CSS. Find your way around fonts, semantics, responsiveness, selectors and specificity, media queries, links, and forms.

Topics

• Environment Setup
• HTML Basics
• CSS Basics
• Colors and Fonts
• Box Model Basics
• Semantic Basics
• Responsiveness Basics
• CSS Selectors
• Pseudo-Elements and Pseudo-Classes
• Specificity
• Links and URLs
• Images
• Media Queries
• Forms
• Position
• Extra Topics

Terminal is an important tool for any developer, so it's high time for you to exercise basic commands! You'll start using a Git version control system, too.

Topics

• Environment Setup
• Command Line Basics
• Git Basics
• Working With Branches
• Working With Remote Repo (GitHub)

On the basics stage we omitted a fascinating, but demanding concept: objects. We'll introduce you to them now, though not only — JavaScript still has a few aces up its sleeve!

Topics

• Code Style
• Working With Numbers
• Loops in Details
• Working With Strings
• Functions Revisited
• Switch
• Type Conversion
• Logical Operators
• Object Basics
• Extended Extra

Back at HTML and CSS already, now to explore flexboxes, BEM, Sass, grids, and events. Once done, you'll code your very own landing page.

Topics

• Environment Setup
• Figma Installation
• Flexbox
• BEM
• Sass
• Transformations and Animations
• Grid
• Document and Events
• Landing [Portfolio Project]

Having mastered the fundamentals, we're free to take on the advanced issues. So, brace yourself for methods, closures, prototypes, constructors, classes, and... something extra.

Topics

• How to Solve Tasks on Github
• Object Advanced
• Methods
• Array Methods
• Callbacks
• Array Iteration Methods Implementation
• Array Iteration Methods Usage
• Array Iteration Methods Test
• Closures
• JS Practice
• Prototype
• Constructors
• Classes

In this module, you will learn how to manage a page using JavaScript, as well as about asynchrony in JavaScript.

Topics

• DOM Basics
• DOM Styling and Sizing
• Events
• Promises
• Portfolio Project

This module is designed to enhance your communication skills and overall soft skills. You’ll learn how to communicate effectively, feel confident during job interviews and public speaking, master techniques to manage stress, and much more. The best part? The module includes 28 practical tasks that will significantly boost your skills and help you see noticeable progress.

Topics

• Introduction to Communication & Stress Management
• Confidence Building and Stress Management
• Diction, Filler Words Reduction, and Body Language
• Public Speaking
• Job Interview
• Written Communication
• Social Media Communication Skills Development

Chooo chooo, next station: component-based development, and one of the most popular library in the front-end realm, React. We'll learn how to combine it with TypeScript, too!

Topics

• Introduction
• Props
• Rendering Lists
• Handling Events
• List Manipulation
• Lifting State Up
• Updating State

In professional terms: TypeScript is a JavaScript superset. In human terms: it's JavaScript modified for more versatility and comfort. We'll go through, i.a., object types and classes.

Topics

• Introduction
• Basic Types
• Advanced Types
• Object Types
• Classes
• Generic Types

Get acquainted with the magic of TypeScript in React.

Topics

• Introduction
• Forms
• Advanced Hooks
• Component Lifecycle
• Custom Hooks
• Loading Data From API
• Updating Data on Server
• State Management
• React Router
• Working With URLSearchParams
• Portfolio

If JavaScript with React and TypeScript already feel like a small Lego set, good news! There's a fourth brick to play with, a library, Redux, helpful in app state management. Let's take a look 👀

Topics

• Main Concepts
• React Redux
• Async Redux

We interact with the Internet day by day, and yet, few know how it all works. If you don't, either — we've got your back. We'll explore the OSI model, HTTP, encryption, APIs and security issues.

Topics

• Introduction to the Web
• OSI Model
• HTTP
• API Interface
• Encryption
• Security in the Web

In 4 weeks, you will create a product from scratch in teams with colleagues from other areas, following Scrum methodology, and present the results to your mates. In the end, you will have another project to add to your resume and gain invaluable real-world experience.

Topics

• Week 0: Team Project. Intro
• Week 1: Jira Environment
• Week 2: Status Check
• Week 3: Estimates
• Week 4: How to Demo Your Work
• Final Week: Retrospective
• Team Project for Employment

Tech interviews require a thorough preparation, so at this stage we'll revise material introduced hitherto and fill in any gaps.

Topics

• Final Portfolio Review

Ready to enter the tech market? Well... we'll get you ready — with a great resume, cover letter, a LinkedIn profile and mock interviews. Recruiters are in for a true discovery!

Topics

• Employment Roadmap
• Preparing Your Resume
• Interview Preparation
• Cover Letter Preparation
• LinkedIn, DOU, Djinni
• How to Find and Apply for Vacancies
• Job Search Tips: Talking to Recruiters
• Work details FAQ
• MilTech

Learning by doing is our favorite technique here, and this module is no exception. You'll learn the Vue.js framework by using it to build a ToDo App. How cool is that?!

Topics

• Introduction
• Templates
• State Management
• Forms
• Computed Values
• Components
• Interaction With Page Elements
• Interaction With the Server
• Error Handling
• TodoApp with Vue.js

Angular is a JS framework used mostly to create scalable, sing-page web apps. We'll learn how to use it, beginning with forms through components, observables, state management, and more.

Topics

• Angular Basics

Don't go running just yet, algorithms simply need some taming. Data structures, too: we'll take on arrays, linked lists, stacks, queues, hash maps and sets... among other things.

Topics

• Module Overview
• Algorithms complexity
• Arrays
• Binary search
• Two pointers
• Linked lists
• Stack
• Queue
• Trees
• Binary search tree
• Priority queue

Object-oriented programming is a concept fundamental to many programming languages, most notably: Java, Python, JavaScript and C++. So — let's acquire a good understanding thereof.

Topics

• Basic Principles
• SOLID Principles

Every code has to be tested, and the more code there is, the more test volume there is. Unless we automate it! And we'll happily teach you to do so.

Topics

• Introduction to Javascript Automated Testing
• Unit Testing
• TDD Basics
• Mock Basics
• Advanced Mocks

Boost your productivity with AI — simple, practical, no coding or technical background required.

Topics

• Introduction to AI
• Working with Claude
• Vibe coding
• AI for Video Generation

By the end of this course, you'll use Claude Code confidently in your real daily work - setting it up, shaping it to your own projects, connecting it to your tools, and running several agents at once. You'll finish with a complete, shareable setup built on a codebase of your own.

Topics

• Meet Claude Code and get it running
• Your first Claude session
• How Claude actually makes a change
• Permission modes: staying in control
• Headless mode: quick answers without the chat
• Resuming and managing sessions
• Slash commands and checking your context
• Running Claude Code in your editor
• Running long commands in the background
• What CLAUDE.md is and why it loads every session
• Conventions, build commands, architecture
• Writing rules that stick
• Scope: project-level vs. user-level vs. nested files
• When not to use CLAUDE.md
• Project rules & permissions
• Output styles: choosing how Claude responds to you
• Set up Claude on a real project
• The plan-then-execute mindset
• Entering and reading a plan in plan mode
• Approving, editing, and looping on a plan
• Model tradeoffs: Opus vs. Sonnet vs. Haiku
• Switching models mid-session
• The opusplan hybrid
• Managing context and cost across the loop
• How Claude works with your repo: status, diffs, history
• Committing well: staging and writing good commit messages
• Branches and pull requests
• Reviewing code and PRs with Claude
• Resolving merge conflicts
• Ship a change end to end
• What MCP is: Claude Code as a client to external tools
• Adding an MCP server
• Using MCP tools inside a session
• Scoping and managing servers: project vs. user
• MCP safely: permissions, secrets, and trust
• Letting Claude use CLI tools
• CLI tools vs. MCP servers: when to use which
• Claude skills
• CLAUDE.md vs. skills
• Creating a skill
• Organizing & reusing skills
• Custom slash commands: turning a repeated prompt into a one-word shortcut
• Passing arguments to a command
• What hooks are: actions that run on their own at key moments
• Common hooks: auto-format after an edit, block a risky command, run a check
• Writing and scoping your own hook
• Running Claude without you: CI, scheduled jobs, and pre-commit
• Wire Claude into your stack
• What a subagent is: isolated context, returns only results
• Built-in subagents: Explore, Plan, general-purpose
• Why parallel subagents help: context hygiene and speed
• Creating a custom subagent
• Tool and MCP permissions for subagents
• Orchestrating multiple subagents in parallel
• What a plugin is: one bundle of commands, skills, subagents, hooks, and MCP
• Installing and toggling plugins with /plugin, and the marketplace
• Building your own plugin from the pieces you've already made
• Sharing a plugin with your team
• Build a multi-agent workflow

Module that will help you confidently pass your probation period, develop a professional development plan, prepare for performance reviews, and learn how to record your achievements. It provides practical tools for conscious career growth and preparation for new opportunities.

Topics

• Succeeding in Your Trial Period
• Personal Development Plan (PDP)
• Performance and Salary Reviews
• CV and LinkedIn Profile
• Cover Letter Preparation
• Interview Preparation
• DOU, Djinni
• How to Find and Apply for Vacancies
• Job Search Tips: Talking to Recruiters