HTML Diff
4 added 29 removed
Original 2026-01-01
Modified 2026-02-26
1 <p>Основы современной верстки</p>
1 <p>Основы современной верстки</p>
2 <p>Основы верстки и CSS, Публикация сайта, Сложные селекторы, CSS Columns, работа со шрифтами</p>
2 <p>Основы верстки и CSS, Публикация сайта, Сложные селекторы, CSS Columns, работа со шрифтами</p>
3 <p>Позиционирование элементов</p>
3 <p>Позиционирование элементов</p>
4 <p>Управление потоком документа, Различные виды позиционирования элементов, Добавление интерактивности на страницу</p>
4 <p>Управление потоком документа, Различные виды позиционирования элементов, Добавление интерактивности на страницу</p>
 
5 + <p>Основы Flex</p>
5 <p>Базовые свойства CSS Flexible Box Layout, Управление элементами с помощью Flex, Адаптивные элементы для различных устройств</p>
6 <p>Базовые свойства CSS Flexible Box Layout, Управление элементами с помощью Flex, Адаптивные элементы для различных устройств</p>
 
7 + <p>Основы командной строки</p>
6 <p>Навигация в файловом дереве, Переменные окружения, Настройка доступов к файлам, Использование пакетных менеджеров</p>
8 <p>Навигация в файловом дереве, Переменные окружения, Настройка доступов к файлам, Использование пакетных менеджеров</p>
 
9 + <p>Введение в Git</p>
7 <p>Работа с Git, Работа с Github, Эффективное управление исходным кодом</p>
10 <p>Работа с Git, Работа с Github, Эффективное управление исходным кодом</p>
 
11 + <p>Настройка окружения</p>
8 <p>Настройка окружения для запуска JavaScript-кода, Основные команды npm, Установка и подключение библиотек npm</p>
12 <p>Настройка окружения для запуска JavaScript-кода, Основные команды npm, Установка и подключение библиотек npm</p>
9 - <p>Проект</p>
 
10 - <p>Когнитивные искажения</p>
 
11 - <p>Разработаете лендинг, посвящённый популярным когнитивным искажениям в программировании, который поможет разработчикам осознать и преодолеть типичные мышленческие ловушки. В проекте освоите вёрстку с использованием позиционирования и Flexbox, чтобы создавать адаптивные и устойчивые макеты. Практические навыки закрепите на реальном примере, а готовый сайт сможете опубликовать на хостинге. А чтобы привлечь внимание работодателей, добавите проект в своё портфолио и сделаете его доступным для широкой аудитории</p>
 
12 - <p>Проверка адаптивности сайта, Работа с различными типами устройств и создание стилей под них, Работа с Flex для создания адаптивных сайтов, Grid, работа с сеткой</p>
 
13 - <p>Использование препроцессора SASS, компиляция в CSS, Шаблонные селекторы и миксины, Переменные, Миксины в качестве функций, создание собственных функций, Типы данных, Циклы, условные конструкции</p>
 
14 - <p>CSS: Transform (трансформация объектов)</p>
 
15 - <p>Вращение, перемещение, искажение объектов, Объемные объекты, Трансформации для трехмерных объектов</p>
 
16 - <p>Проект</p>
 
17 - <p>Портал "Music Box"</p>
 
18 - <p>Разработаете две страницы музыкального портала "Music Box" - логическое продолжение предыдущего проекта. В процессе работы примените методологии OOCSS и Atomic CSS, освоите адаптивную вёрстку и препроцессор SASS, а также поработаете с макетом в Figma. Реализуете адаптивный дизайн вручную, чтобы продемонстрировать уверенное владение современными инструментами. А чтобы повысить шансы на трудоустройство, оформите проект как часть портфолио с акцентом на визуальное и техническое качество</p>
 
19 - <p>Синтаксис Pug, Использование JavaScript в шаблонах, Создание миксинов</p>
 
20 - <p>Механизм 12-колоночной сетки, Компоненты Bootstrap, Встроенные утилиты, Создание собственных компонентов и утилит, Цветовые схемы Bootstrap, Оптимизация проекта</p>
 
21 - <p>Создание задач для выполнения в Gulp, Функции для задач, Работа с цепочками команд для работы с задачами</p>
 
22 - <h2>Как проходит обучение</h2>
 
23 - <p>Просто, наглядно и всегда под рукой</p>
 
24 - <p>Вы изучаете теорию в удобном текстовом формате - легко читать даже с телефона. Живые примеры помогают сразу понять, как всё работает на практике. Материал выстроен так, чтобы вы шаг за шагом двигались от простого к сложному, не упуская важных деталей</p>
 
25 - <p>Проверяем и закрепляем знания</p>
 
26 - <p>После каждой темы вы проходите квизы, которые помогают убедиться, что вы всё поняли. Вопросы разного уровня сложности дадут возможность как проверить базу, так и попрактиковаться в применении знаний</p>
 
27 - <p>Учитесь на реальных задачах</p>
 
28 - <p>Мы создали удобную виртуальную среду, где вы решаете задачи прямо в браузере. У вас есть редактор кода, консоль и автоматические тесты, которые моментально показывают результат</p>
 
29 - <p>Наш Учебный помощник на базе ИИ - это как наставник, который всегда под рукой. Он понимает, где вы находитесь в курсе, что нужно сделать, и как выглядит ваш код. Если что-то пошло не так, вы сразу получите понятные и полезные подсказки</p>
 
30 - <p>Занимаетесь сами, но не в одиночестве</p>
 
31 - <p>Тяжело сохранять мотивацию, если обучаешься самостоятельно, поэтому мы создали крепкое IT-сообщество, где каждый студент получает поддержку и находит полезные контакты среди других разработчиков</p>
 
32 - <h2>Вопрос-ответ</h2>
 
33 - <p>Даже опытные разработчики найдут в наших курсах полезные знания. Мы подробно изучаем сложные структуры данных и их применение в задачах оптимизации кода. Занятия помогут вам укрепить навыки программирования, улучшить архитектуру кода и глубже понять принципы работы алгоритмов. Курс поможет не только укрепить текущие навыки, но и подготовиться к следующему карьерному шагу</p>
 
34 - <p>Вы можете учиться в своём темпе, срок обучения не ограничен. Мы рекомендуем выделять 5-10 часов в неделю. Так с одной стороны обучение будет достаточно интенсивным, чтобы не растягивать его надолго, а с другой - достаточно комфортным, чтобы совмещать с работой и успевать отдыхать</p>
 
35 - <p>Материал программы - это готовые курсы с адаптированной для новичков теорией, тестами на закрепление и большим количеством практических упражнений с автоматизированной проверкой прямо в браузере. В некоторых треках есть проект - вы создадите приложение, которое даст опыт реальной разработки</p>
 
36 - <p>Мы принимаем карты Visa, MasterCard и МИР любого банка, валюта счёта тоже может быть любой</p>
 
37 -