JavaScript
Вам нужно освоить основы JavaScript. Это поможет вам писать первые программы.
#javascript#основы
Подробнее Дорожная карта, чтобы стать фронтенд-разработчиком
- Темы для изучения
- Программа для каждой темы
- Примеры проектов
С чего начать изучать программирование?
Первые две темы, которые нужно изучить - это JavaScript и HTML и CSS. Изучив эти темы, вы поймете, как базово взаимодействовать с компьютером и браузером.
HTML и CSS
HTML и CSS нужны, чтобы создавать и оформлять веб-страницы.
#html#css
Подробнее Как код превращается в приложение?
Разобравшись в этой теме, вы поймёте как JavaScript взаимодействует с браузером, как строчки кода становятся реальными кнопками, играми или приложениями.
JavaScript в браузере
Изучите DOM, события, API и асинхронность в JavaScript
#javascript#браузер
Подробнее Как подготовить рабочее окружение?
Далее вам нужно изучить инструменты, которые помогают работать как разработчики:
управлять проектами, сохранять и делиться кодом, понимать как работает интернет и превращать дизайн-макеты в реальные интерфейсы.
Командная строка
Научитесь работать с командной строкой — это быстрый способ управлять компьютером и проектами.
#html#css
Подробнее 
Git и GitHub
Освойте Git и GitHub для управления проектами и работы в команде
#git#github
Подробнее 
Устройство интернета
Разберитесь как работает интернет, протоколы, DNS и браузеры. Это нужно,чтобы понимать основу веб-разработки.
#web#сети
Подробнее 
Figma
Освойте работу с элементами, шрифтами и изображениями в макете - это то, с чего начинается любой интерфейс.
#figma#макет
Подробнее Проекты простой сложности ⭐
Пора начать писать небольшие проекты для закрепления базовых навыков HTML, CSS и JavaScript. Частая проблема новичков — вечное обучение. Важно как можно раньше писать код и делать маленькие проекты. Здесь собраны примеры проектов, где вы сразу примените базовые знания.
Рецепт кофе
Сверстайте простую страницу на HTML и CSS, чтобы закрепить свои знания HTML и CSS
#html/css#desktop#easy
Подробнее 
Пушистые друзья
Создайте мобильное мини-приложение, чтобы научиться верстать интерфейсы для реальных проектов.
#html/css#mobile#easy
Подробнее 
Список клиентов
Создайте интерактивный список, чтобы научиться работать с данными в реальном времени.
#js#desctop#easy
Подробнее 
Таймер
Создайте таймер, чтобы научиться использовать JavaScript для работы с временем и изменять элементы страницы в реальном времени.
#js#desktop#easy
Подробнее Проекты средней сложности ⭐⭐
Важно двигаться постепенно. Следующий шаг — освоение более сложной логики и структурирования приложений.
Как создавать современные приложения?
На этом этапе вы уже пишете код, но чтобы создавать настоящие продукты, нужен современный инструмент — React, который используют компании по всему миру. Поэтому теперь можно сосредоточиться на его изучении и освоении продвинутых техник фронтенд-разработки.
Проекты средней сложности с React ⭐⭐⭐
После того, как вы изучили работу сервера, можно начинать делать проекты для практики React в более сложных сценариях.
Как сайты хранят данные и обрабатывают запросы
Чтобы стать полноценным разработчиком, важно понимать, как сайт хранит информацию и отвечает на действия
Как перейти от учебных проектов к реальным?
Итоговый шаг — создание сложного приложения, максимально приближенного к реальному продукту. Это поможет почувствовать себя настоящим разработчиком.
Твиттер
Создайте клон Twitter с использованием современных технологий
#fullstack#react#hard
Подробнее