1

Step 1

Основы HTML и CSS

21 November—04 December

2

Step 2

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

3

Step 3

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

13 January—13 January

4

Step 4

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

5

Step 5

Основы JS

6

Step 6

JS в работе

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

React+Redux

11

Step 11

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

01 September—31 October

1

Step 1

Основы HTML и CSS

21 November—04 December

3

Step 3

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

13 January—13 January

11

Step 11

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

01 September—31 October

2

Step 2

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

4

Step 4

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

5

Step 5

Основы JS

6

Step 6

JS в работе

7

Step 7

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

8

Step 8

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

9

Step 9

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

10

Step 10

React+Redux

21 November 2022 01 November 2023
The goal is overdue by 371 days
Details Briefly

Goal abandoned

The author does not write in the goal 1 year 8 months 3 days

Goal author

Ангелина

Russia, Санкт-Петербург

Send message

Add to friends

Education

Junior frontend-developer

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

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

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

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

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

 Goal Accomplishment Criteria

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

 Personal resources

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. Создание портфолио и поиск работы

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

  • 827
  • 21 November 2022, 14:42

The goal is in the group

Обучение

  • 2706

    members

  • 4109

    goals
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?
Settings

Widget for your goal

Big (450×150 px)

Small (250×100 px)

To insert a widget on your website or blog, copy the code and embed it in the original html-code to your blog/site.

For PRO only

You can buy a PRO account, or get it for free by inviting 3 friends to SmartProgress

Invite friends

Raising
goals up

Buy PRO-account

Email for any cases

  • Maxim Malikov

    founder

  • Sergey Zakharov

    founder