1

Этап 1

Основы HTML и CSS

21 ноября—04 декабря

2

Этап 2

Ускорение верстки

3

Этап 3

JavaScript. подготовка к работе

13 января—13 января

4

Этап 4

Продвинутая практика

5

Этап 5

Основы JS

6

Этап 6

JS в работе

7

Этап 7

Продвинутый JS

8

Этап 8

Библиотека React. Базовый уровень

9

Этап 9

Библиотека React. Средний уровень

10

Этап 10

React+Redux

11

Этап 11

Создание портфолио и поиск работы

01 сентября—31 октября

1

Этап 1

Основы HTML и CSS

21 ноября—04 декабря

3

Этап 3

JavaScript. подготовка к работе

13 января—13 января

11

Этап 11

Создание портфолио и поиск работы

01 сентября—31 октября

2

Этап 2

Ускорение верстки

4

Этап 4

Продвинутая практика

5

Этап 5

Основы JS

6

Этап 6

JS в работе

7

Этап 7

Продвинутый JS

8

Этап 8

Библиотека React. Базовый уровень

9

Этап 9

Библиотека React. Средний уровень

10

Этап 10

React+Redux

21 ноября 2022 01 ноября 2023
Цель просрочена на 371 день
Подробно Кратко

Цель заброшена

Автор не отписывался в цели 1 год 8 месяцев 3 дня

Автор цели

Ангелина

Россия, Санкт-Петербург

Отправить сообщение

Добавить в друзья

Образование

Junior frontend-developer

Создаю цель для отображения прогресса, чтобы мотивировать себя, может кто-то еще замотивируется)

В мае 2022 года уже принимала попытки себя организовать и начать обучение. Просмотрела 12 видео из курса по HTML и CSS, на этом остановилась.

07.11.22 решила возобновить обучение и случайно попала на марафон от HTML.Академии. В рамках марафона был двухнедельный доступ к тренажерам и теории - это дало толчок и некую дисциплину, чтобы начать и продолжить.

Теперь занимаюсь сама по курсам, которые можно найти бесплатно в свободном доступе. Что в них входит, я написала в плане действий.

С пн по пт стараюсь тратить минимум час на учебу. Это позволяет медленно, но верно продвигаться, а также формирует привычку.

 Критерий завершения

Трудоустройство или стажировка

 Личные ресурсы

1. Много свободного времени.

2. 0 денег.

3. 3 года университета, откуда имею кусочные знания из сферы IT.

4. Прошла марафон от HTML.Академии "Заверстаю 6.0".

5. Есть бесплатный доступ к курсам по HTML и CSS, JS+React.

6. Прохожу курсы Strada

  1. Основы HTML и CSS

    Блок из 21 видео:

    1. Классификация сайтов. Этапы создания

    2. Установка и настройка редактора кода

    3. Работа с Ps в вебе

    4. Работа с современными редакторами

    5. Основные теги HTML

    6. Семантические теги HTML

    7. Основы CSS

    8. Блочная модель CSS

    9. Developer Tool

    10. Блочная модель CSS ч.2

    11. Позиционирование элементов в CSS

    12. Выравнивание элементов по вертикали

    13. Единицы измерения CSS

    14. Flexbox

    15. Сброс стилей

    16. Подключение шрифтов

  2. Ускорение верстки

    Блок из 18 видео:

    1. Библиотека Bootstrap 4

    2. Препроцессоры SASS SCSS LESS

    3. Вендорные префиксы

    4. Псевдоклассы и псевдоэлементы CSS

    5. Иконочные шрифты

    6. Адаптация под различные устройства

    7. Pixel perfect верстка

    8. Адаптация при помощи Bootstrap

    9. Локальные ссылки и favicon

  3. JavaScript. подготовка к работе

    Udemy полный курс по JS+React

    1. Подготовка к работе

  4. Продвинутая практика

    Блок из 28 видео:

    1. Система контроля версий Git и сервис GitHub

    2. Как работать с GitHub

    3. Планировщик задач Gulp

    4. Методология БЭМ

    5. Создаем новый проект, используя Gulp

    6. Формы на сайтах

    7. Создаем слайдер на сайте

    8. Создаем табы на сайте

    9. Создаем интерактивные карты на сайте

    10. Создаем модальные окна на сайте

    11. Валидация форм

    12. Маска ввода номера на сайте

    13. Локальные сервера

    14. Отправка писем с сайта

    15. Плавный скролл по ссылкам

    16. Анимация на сайтах при помощи CSS

    17. Библиотеки для работы с анимациями

    18. Валидация сайта

    19. Оптимизация скорости загрузки сайта

  5. Основы JS

    Блок из 32 видео:

    1. Что такое JS и как его подключить к странице

    2. Переменные и строгий режим

    3. Классификация типов данных в JavaScript

    4. Простое общение с пользователем

    5. Интерполяция (ES6)

    6. Операторы в JS

    7. Учимся работать с системой контроля версий Git и с сервисом GitHub

    8. Как работать с GitHub с разных компьютеров, gitignore и Git Kraken

    9. Условия

    10. Циклы

    11. Функции, стрелочные ф-ции (ES6)

    12. Методы и свойства строк и чисел

    13. Callback- функции

    14. Объекты, деструктуризация объектов (ES6)

    15. Массивы и псевдомассивы

    16. Передача по ссылке или по значению, Spread оператор (ES6-ES9)

    17. Основы ООП, прототипно-ориентированное наследование

    18. Отлавливаем ошибки в своем коде при помощи консоли разработчика. Breakpoints

    19. Динамическая типизация в JS

    20. Получение элементов со страницы

    21. Действия с элементами на странице

    22. События и их обработчики

    23. Навигация по DOM - элементам, data-атрибуты, преимущество forof

    24. События на мобильных устройствах

    25. Async, defer, динамические скрипты

  6. JS в работе

    Блок из 14 видео:

    1. ClassList и делегирование событий

    2. Создаем табы в новом проекте

    3. Скрипты и время их выполнения. setTimeout и setInterval

    4. Работа с датами

    5. Создаем таймер обратного отсчета на сайте

    6. Параметры документа, окна и работа с ними

    7. Создаем модальное окно

    8. Модификации модального окна

    9. Контекст вызова. This

    10. Классы (ES6)

    11. Используем классы в реальной работе

    12. Rest оператор и параметры по умолчанию (ES6)

  7. Продвинутый JS

    Блок из 33 видео:

    1. Локальные сервера

    2. JSON формат передачи данных, глубокое клонирование объектов

    3. AJAX и общение с сервером

    4. Реализация скрипта отправки данных на сервер

    5. Красивое оповещение пользователя

    6. Promise (ES6)

    7. Fetch API

    8. Методы перебора массивов

    9. Подробно про npm и проект. JSON-server

    10. Получение данных с сервера. AsyncAwait (ES8)

    11. Дополнительно Что такое библиотеки. Библиотека axios

    12. Как сохранить данные без БД. Работа с localStorage

    13. Регулярные выражения

    14. Геттеры и сеттеры (свойства объектов)

    15. Инкапсуляция

    16. Прием модуль, как и зачем его использовать

    17. Webpack. Собираем наш проект

    18. ES6 Modules

    19. Как превратить код ES6+ в старый формат ES5. Babel, Core.js и полифиллы

    20. Современные библиотеки и фрэймворки

    21. Библиотека Jquery

    22. Функции-генераторы

    23. JS анимации, requestAnimationFrame

    24. Event loop, подробная работа асинхронных и синхронных операций

  8. Библиотека React. Базовый уровень

    Блок из 13 видео:

    1. Как работать с ESLint

    2. Знакомимся с React.js Стандарты ES6-8

    3. Модульная структура, зачем она нужна в React

    4. Препроцессор JSX

    5. Свойства и состояния компонентов. События в React

    6. Подключаем стили и знакомимся с styled-components

    7. Работа с формами в React

  9. Библиотека React. Средний уровень

    Блок из 9 видео:

    1. Начинаем работать с сервером. Fetch API

    2. Жизненный цикл компонентов

    3. Паттерны React

    4. Навигация в приложении с помощью React Router

    5. Свойства по умолчанию

    6. Компоненты высшего порядка

    7. Хуки в React

  10. React+Redux

    Блок из 10 видео:

    1. Основные принципы Redux

    2. Соединяем React и Redux

    3. React Context

    4. Начинаем создавать новое приложение React + Redux

    5. Json-server

    6. Работа с React - redux приложением. Организация работы с сервером

    7. Работа с React - redux приложением. События

    8. Тестирование и отладка кода в React. Пишем UI тесты

  11. Создание портфолио и поиск работы

    Изучение рынка, дообучение и поиск пробелов.

  • 826
  • 21 ноября 2022, 14:42

Цель состоит в группе

Обучение

  • 2706

    участников

  • 4109

    целей
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?
Настройки

Виджет вашей цели

Большой (450×150 px)

Маленький (250×100 px)

Чтобы вставить виджет на ваш сайт или блог, скопируйте код и внедрите его в исходный html-код вашего блога/сайта.

Только для PRO

Вы можете купить PRO аккаунт, либо получить его бесплатно, пригласив 3 друзей на SmartProgress

Пригласить друзей

Командная
цель

Купить

Email на все случаи и по любым вопросам

  • Максим Маликов

    основатель

  • Сергей Захаров

    основатель