Запись [Glo Academy] Фронтенд-разработчик. Тариф Все сам (Артем Исламов, Александр Ильясов)

​

Длительность, на которую рассчитан курс изначально — от 7 до 10 месяцев, но в зависимости от тарифа можно проходить дольше. На этом курсе вы научитесь разрабатывать сайты, используя современные технологии, освоите программирование на JavaScript и научитесь работать с фреймворком Vue.js и Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... , а затем строить бэкенд на Node.js

Почему набор именно такой: разработка сайтов — самый простой способ попасть в IT-сферу и иметь перспективы роста. Когда-то хватало знаний HTML/CSS, чтобы получить работу, но сейчас чаще всего их недостаточно. А если и достаточно — то для невысокой зарплаты. А зачем идти на невысокую, когда за дополнительные 3 месяца учёбы повысить свои навыки, шансы на трудоустройство и увеличить стартовую зарплату в 2-3 раза?

Второй этап — язык программирования JavaScript. Он — основа работы во фронтенд-разработке. Без него сайты были бы просто статичными картинками без функционала. С ним — сайты умеют реагировать на поведение посетителя на странице, выполнять разные запланированные действия в зависимости от того, что сделал человек на странице.

Третий этап — фреймворк Vue.js. Фреймворк — это набор инструментов, который облегчает и ускоряет разработку продуктов. В данном случае — ускоряет разработку на JavaScript. А там, где ускорение — там более разнообразная работа для разработчика с интересными задачами и более выгодная для работодателя, который может получить больше готовых продуктов за то же время. Кроме того, знание фреймворка увеличивает шансы на трудоустройство в 2 раза, как и стартовую зарплату новичка. Помимо этого вы освоите Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... , научитесь писать на нём бэкенд и сможете претендовать на позиции не только фронтендера, но и фуллстек-разработчика.

Дальше — программы каждого блока: разработки сайтов, JavaScript, Vue.js, Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... , Node.js

Первая ступень: Разработка сайтов
Научитесь создавать сайты с помощью языков HTML, CSS и JavaScript за 8 недель с упором на практику

Раздел 1. Профессия разработчик сайтов

• Какие сайты бывают
• Кто делает сайты и сколько это стоит
• Этапы разработки сайта
• Инструменты разработчика

Раздел 2. Техническая часть и практика

• Рабочее окружение
• Разметка HTML
• Стили CSS
• Скрипты JavaScript
• Хранение кода и запуск сайта
• Тестирование сайта
• Движки сайтов

Раздел 3. Поиск заказчиков и работы
Поиск работы
Поиск заказчиков


Программа блока JavaScript

Блок 1. Основы JavaScript.
Зачем: Чтобы знать как работает этот язык изнутри и что на нем вообще можно сделать. Основы также нужны, чтобы быть готовым к простым вопросам на собеседовании.

Блок 2. ООП, JavaScript на практике.
Зачем: Чтобы Научится правильной структуре кода, писать код правильно с первой строчки, научиться работать с веб-страницами.

Блок 3. Углубленное изучение JavaScript. Современные стандарты и дополнительные технологии
Зачем: чтобы уметь отлавливать свои ошибки в коде, изменять содержимое страницы без перезагрузки, работать с данными форм, и использовать современные технологии существующие на основе JavaScript.

+ уроки по анимация JS, Observer, TypeScript и форматированию Intl


Программа курса Vue
Курс построен так, чтобы разобраться во фреймворке Vue.js на реальном проекте, который после курса вы сможете положить в своё портфолио.

Необходимые навыки:
– Базовые знания HTML, CSS
– Препроцессор SASS/SCSS
– Базовые знания JavaScript

Необходимые инструменты:
– Редактор кода VScode (либо любой удобный)
– Среда разработки Node.JS

• Урок 1. Создание первого приложения Vue.JS. Ознакомление с архитектурой.
• Урок 2. Вывод первых данных на страницу. Компонентный подход. Работа со стилями.
  - Практика. Создание компонентов Header и Footer
• Урок 3. Роутинг приложения. Vue-router.
  - Практика. Настройка роутинга приложения. Вывод статической информации каждой страницы.
• Урок 4. Состояние компонента. Объекты data, computed.
  - Практика. Работа с состоянием компонента.
• Урок 5. Передача аргументов в компонент. Объект props.
  - Практика. Создание универсального компонента карточки товара.
• Урок 6. Директивы, циклы, условия, динамические стили и классы.
  - Практика. Динамический вывод карточек товара.
• Урок 7. Обработчики событий v-on. Объект methods. Жизненный цикл компонента.
  - Практика. Работа с обработкой событий.
• Урок 8. Vuex. Работа с геттерами и сеттерами.
  - Практика. Перенос данных товара во внутреннее хранилище store.
• Урок 9. Composition API. Объект setup.
  - Практика. Меняем подход с Options API на Composition API.
• Урок 10. Pinia.
  - Практика. Подключаем Pinia к проекту
• Урок 11. Динамические страницы.
  - Практика. Реализация страницы товара.
• Урок 12. Работа с формами. Валидация полей. Vuelidate.
  - Практика. Валидация формы обратной связи.
• Урок 13. JSON-server.
  - Практика. Получение данных с сервера и вывод ее на страницу.
• Урок 14. Поиск. Фильтрация.
  - Практика. Реализация поиска и фильтрации товара.
• Урок 14. Панель администратора
  - Практика. Настраиваем админку для сайта. Добавление/Удаление/Редактирование товара.
• Урок 15. Защита роутинга.
  - Практика. Настраиваем защиту роутинга для админ-панели
• Урок 16. VueFire.
  - Практика. Работа с БД Firebase на Vue 3.
• Урок 17. Деплой приложения на Git Pages
• Урок 18. Фичи Vue 3

Результат: Изучите основы фреймворка Vue.JS. Узнаете что такое компонентный подход. Научитесь создавать динамические реактивные приложения. Поработаете с получением и отправкой данных на сервер. Создадите интернет-каталог для собственного портфолио.

Программа курса React
Курс состоит из коротких видеоуроков, которые легче воспринимать, чем долгие практические обучалки на 30-40 минут. На блоке по JS удобнее объяснять более крупными кусками, на React — более мелкими. Уроки короче, поэтому их так много. Суммарно курс рассчитан на 2 месяца изучения.

• Модуль 1. Библиотека React. Базовый уровень
• Модуль 2. Библиотека React. Средний фундаментальный уровень
• Модуль 3. Библиотека React. Хуки и средний продвинутый уровень
• Модуль 4. Библиотека React. Тестирование

Программа блока Node.js

• Тема 0. Подготовка рабочего пространства
• Тема 1. Введение в Node.js
• Тема 2. REPL, Модули, Пакеты
• Тема 3. NPM и package.json
• Тема 4. События и EventEmitter
• Тема 5. Файловая система (fs)
• Тема 6. Buffer и Stream
• Тема 7. Process и Readline
• Тема 8. CLI‑приложения
• Тема 9. Модули OS и Path, Публикация пакетов
• Тема 10. HTTP‑сервер и HTTP‑клиент
• Тема 11. HTTPS, Заголовки HTTP, ENV
• Тема 12. Сжатие и crypto
• Тема 13. Разработка REST API
• Тема 14. Работа с базой данных (PostgreSQL)
• Тема 15. Загрузка файлов на сервер
• Тема 16. Деплой приложения