Открыто

Fullstack-разработчик на JavaScript [Нетология]

Тема в разделе "Курсы по программированию", создана пользователем fwbyuo, 24 окт 2021.

Цена: 118800р.
Взнос: 8095р.-93%

Основной список: 16 участников

Резервный список: 4 участников

  1. 24 окт 2021
    #1
    fwbyuo
    fwbyuo ЧКЧлен клуба
    Fullstack-разработчик на JavaScript
    Научитесь программировать на JavaScript и TypeScript — сможете самостоятельно создавать сайты и веб-приложения

    Освоите передовые технологии — React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB

    Когда
    8 ноября 2021 — 9 мая 2023

    Формат обучения
    Вебинары, видеолекции, практические задания

    Уровень
    С нуля

    Fullstack-разработчик может в одиночку запрограммировать веб-приложение

    По данным HackerRank, fullstack-разработчик — самый востребованный специалист 2020 года.

    Он владеет всем стеком технологий, разбирается в бэкенд- и во фронтенд-составляющей продукта.

    afHyGsm.png

    Что вы будете уметь после обучения
    1) Верстать сайты в HTML и CSS
    2) Разрабатывать клиентскую часть сайта на React
    3) Программировать на языках JavaScript и TypeScript
    4) Работать с базами данных с использованием MongoDB
    5) Создавать серверную часть на Node.js, Express.js, Nest.js
    6) Работать с API сторонних сервисов и проводить Unit-тестирование

    На курсе вы узнаете, как создавать сайты на языке программирования JavaScript и TypeScript.

    Вы научитесь разбираться и активно участвовать во всех этапах разработки сайтов — от работы с дизайн-макетами до программирования и настройки серверов.

    JavaScript — идеальный язык для старта карьеры
    Его простой синтаксис позволит вам быстро разобраться в программировании и найти работу, даже не имея опыта. А поскольку он считается ещё и самым популярным языком, можно найти много вакансий.

    105 000 ₽
    медианная зарплата разработчиков на JavaScript, по данным «Хабр Карьеры»

    Вы сделаете во время обучения 5 проектов в портфолио:
    1) Адаптивную вёрстку сайта
    2) Веб-менеджер личных финансов
    3) Фронтенд для сайта-агрегатора отелей
    4) Приложение для доставки
    5) Бэкенд для сайта-агрегатора отелей

    Вы решите более 200 практических задач, сделаете четыре курсовых проекта и защитите дипломную работу.

    Часть 1. Frontend-разработка
    Вёрстка сайта на HTML и CSS
    Вы научитесь верстать сайты на HTML и CSS, а также вносить изменения в существующую вёрстку. По итогам этого модуля самостоятельно сверстаете лендинг.

    8 часов теории
    8 часов практики

    Теги для вёрстки контента страницы
    Теги для вёрстки структуры страницы
    Селекторы CSS
    Определение контекста элементов
    Блочная модель
    Позиционирование элементов
    Оформление текста
    Оформление декоративных элементов
    Состояние интерактивных элементов

    Адаптивная и мобильная вёрстка (Курсовой проект — адаптивная вёрстка сайта)
    Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон. Это позволит вашему сайту быть адаптивным и корректно работать на любых устройствах.

    5 часов теории
    39 часов практики

    Вёрстка резинового макета
    Введение в медиазапросы
    Медиа-функции
    Вёрстка адаптивного макета
    Breakpoints

    Основы программирования на JavaScript
    Познакомитесь с азами программирования, напишете первые строки кода и создадите простые проекты. Для практики будете использовать язык JavaScript — это поможет вам лучше понять работу frontend-части приложения.

    8 часов теории
    24 часа практики

    Алгоритмы
    Переменные, числа и строки
    Логика и математика
    Ветвление кода
    Алгоритм с множественным выбором
    Ошибки в коде
    Массивы
    Циклы
    Подпрограмма, функция
    Объекты
    Синхронное и асинхронное выполнение алгоритма

    Система контроля версий Git
    Каждый разработчик должен знать основы работы с системой Git — на данный момент это практически стандарт по управлению исходным кодом. За три занятия вы научитесь работать с этой системой и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио.

    4 часа теории
    9 часа практики

    Предназначение системы контроля версий
    Основные операции: фиксация и откат изменений, поиск, история
    Работа с сервисом GitHub
    Ветки, слияние веток и разрешение конфликтов
    Командная работа

    Основы работы с JavaScript (Курсовой проект — веб-менеджер личных финансов)
    Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса и узнаете, что такое ООП, исключения, замыкания, асинхронность.

    9 часов теории
    51 час практики

    Базовый синтаксис
    Расширенный синтаксис в JavaScript
    Типы данных
    Функции и объекты
    Прототип и конструктор объекта
    ООП в JavaScript (ES6)
    Обработка исключений и замыкания
    Прототип массива, функции высшего порядка
    Асинхронность

    Разработка на JavaScript в браузере
    Узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.

    8 часов теории
    24 часа практики

    Возможности JavaScript в браузере
    Способы поиска нужного HTML-элемента
    Объект события
    DOM — Document object model
    Работа с HTML-формами
    Изменение структуры HTML-документа
    Асинхронные запросы
    Хранение состояния на клиенте и отправка на сервер

    Профессиональная работа с JavaScript
    Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронными программированием — async/await. Всё это позволит вам выйти на новый уровень в сфере веб-разработки.

    9 часов теории
    27 часов практики

    Стандарты и версии
    Рабочее окружение
    Модули
    Unit-тестирование
    Синтаксические конструкции (try-catch, delete), функции и замыкания
    Свойства объекта, for-in, обёртки для примитивов
    Прототипы, конструкторы
    Классы, наследование
    Контейнеры
    Объект Math, класс RegExp, ArrayBuffer
    Promises, async/await
    Символы, итераторы, генераторы

    Frontend-разработка на React (Курсовой проект — агрегатор отелей: frontend)
    Освоите одну из самых популярных библиотек на JavaScript — React. С помощью неё вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях, а React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.

    13 часов теории
    76 часов практики

    Компоненты
    События и состояния
    Props
    Формы
    Композиция компонентов
    Жизненный цикл и работа с HTTP
    HOC
    Hooks, Context API
    React Router
    Redux
    Redux и Redux Thunk
    Redux Saga

    Часть 2. Backend-разработка
    Введение в Node.js
    Познакомитесь с рабочей средой Node.js и инструментами разработки. По итогам модуля вы создадите консольное приложение для обработки файлов с помощью потоков.

    5 часов теории
    20 часа практики

    Особенности работы с Node.js, установка и настройка рабочей среды
    Менеджер пакетов, IO libuv
    Работа с консолью, циклы событий, асинхронность
    Модули Node.js и инструменты разработки
    Стримы (потоки)
    Node.js HTTP-module. HTTP-stream. Встроенный низкоуровневый веб-сервер

    Библиотека Express.js (Курсовой проект — приложение для доставки)
    Познакомитесь с библиотекой Express.js, развернёте приложение на сервере, освоите Docker, подключите базу данных MongoDB для хранения данных и passport.js для аутентификации пользователей, настроите обмен данными между клиентом и сервером — с этим помогут websocket и socket.io.

    8 часов теории
    56 часов практики

    Библиотеки Node.js для веб-разработки. Express.js
    Middleware. Паттерн «Цепочка обязанностей»
    Шаблонизаторы. Отрисовка контента (рендер на сервере). Библиотеки ejs
    Развертывание приложения на сервере (heroku)
    Docker, установка и настройка. Контейнеризация приложения. Развертывание через Docker
    Что такое база данных, хранение данных. Сравнение реляционных и объектных БД
    Запуск локальной MongoDB в Docker. Подключение MongoDB в Тode.js приложение. Установка библиотек и настройка соединения. Знакомство с библиотекой Mongoose
    Аутентификация. PassportJS
    Realtime взаимодействие с сервером, протокол websocket. Библиотеки WS и socket.io

    TypeScript
    Изучите принципы ООП для TypeScript, установите и настроите TypeScript в проекте. Добавите в проект правила проверки кода eslint и типы из модуля библиотеки Node.js.

    5 часов теории
    20 часов практики

    Node.js и TypeScript: настройка окружения, возможности
    Динамическая типизация JavaScript vs статическая типизация TypeScript. Инструментарий tsc, tslint/eslint. Настройка проекта
    Система типов TypeScript. Основные принципы ООП. SOLID
    Библиотека reflect-metadata. LoC-контейнеры — type-di, inversify
    TS: перенос и интеграция JS-проекта на примере пройденных материалов
    Организация проекта и кодовой базы. Разделение приложения на слои: инфраструктура, внешнее API, сервисы с логикой, работа с базой данных

    Nest.js
    Изучите фреймворк Nest.js и основные понятия. Создадите проект на Node.js, реализуете функциональность из блока TypeScript на модули Nest.js, подключите базы данных (модуль для MongoDB). Научитесь подключать аутентификацию по модулям Nest.js и добавите тестирование кода в свой проект.

    8 часов теории
    32 часа практики
    Фреймворк Nest.js. Создание проекта Nest.js. Основные понятия: модули, контроллеры, сервисы. MVC-архитектура
    Погружение в Nest.js: инверсия зависимостей, провайдеры, Middleware
    Подключение базы данных к Nest.js — модуль для MongoDB. Сервисы, репозитории, примеры
    Потоки RxJs
    Валидация и обработка ошибок. Interceptors, pipes
    Аутентификация в Nest.js, passportjs. Guards
    Тестирование. Библиотека Jest. Unit-тесты, интеграционные и приёмочные тесты
    Вебсокеты в Nest.js

    Firebase
    Вы создадите аккаунт firebase, внедрите функциональность проекта «Книги» на cloud-функции и подключите облачную базу данных для хранения данных из cloud-функций.

    3 часов теории
    12 часа практики

    Cloud Firestore, Realtime Database
    Cloud Functions, Hosting
    Firebase Authentication

    Дипломный проект
    Сайт-агрегатор для просмотра и бронирования отелей
    В конце обучения вы создадите сайт-агрегатор для просмотра и бронирования отелей. Для выполнения итоговой работы разработаете публичный API, API пользователя, API администратора и чат для консультанта. В проекте вы задействуете технологии Node.js, Nest.js, MongoDB и Websocket.

    Ключевые навыки
    Вёрстка сайтов в HTML и CSS
    Frontend-разработка на JavaScript и React
    Использование библиотек React Router, Redux и Redux Thunk
    Работа с изменениями кода проекта с помощью Git и GitHub
    Программирование на языках JavaScript и TypeScript
    Backend-разработка на Node.js: Express.js, Nest.js
    Применение принципов клиент-серверного взаимодействия
    Работа с API сторонних сервисов
    Работа с базами данных с ипользованием MongoBD
    Работа с облачной базой данных с помощью Google Firebase
    Автоматизация развёртывания и управления приложениями с помощью Docker
    nit-тестирование при помощи Jest

    Технологии, которые вы освоите
    [​IMG]
    HTML
    Язык разметки гипертекста, который позволяет пользователю создавать и структурировать разделы, параграфы, заголовки, ссылки и блоки для веб-страниц и приложений

    CSS
    Язык для описания внешнего вида страниц сайта. CSS создаёт анимации без использования JavaScript, поддерживает градиенты, тени и многое другое. Это позволяет сделать сайт визуально современным и привлекательным

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

    TypeScript
    Расширенная версия JavaScript, которая помогает упростить разработку крупных приложений. Этот язык добавляет много новых принципов — классы, дженерики, интерфейсы, статические типы. Это позволяет разработчикам использовать статический анализатор или рефакторинг кода

    React
    Простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и другими корпорациями

    Redux
    Популярная библиотека для работы с React. Redux позволяет применять разработчикам различные паттерны проектирования и подходы к написанию кода

    Node.js
    Кроссплатформенная среда для создания сетевых сервисов и приложений на JavaScript

    Express.js
    Популярный веб-фреймворк, написанный на JavaScript и работающий внутри среды исполнения Node.js. Используется для создания веб-приложений и API

    Nest.js
    Фреймворк для создания серверных приложений на Node.js. К преимуществам фреймворка относят правильные архитектурные подходы и возможность работы с передовыми концепциями — DDD, Event Sourcing и микросервисной архитектурой

    Docker
    Программное обеспечение для автоматизации развёртывания и управления приложениями в средах с поддержкой контейнеризации

    Git
    Cистема контроля версий №1 в мире. Git позволяет работать над кодом проекта совместно, не переживая за потерю данных или конфликт версий

    MongoDB
    Документоориентированная система управления базами данных с открытым исходным кодом, не требующая описания схемы таблиц

    Продавец
    Скрытая ссылка
     
    Последнее редактирование модератором: 24 окт 2021
    2 пользователям это понравилось.
  2. Последние события

    1. gohas
      gohas не участвует.
      16 янв 2024
    2. blackfish
      blackfish не участвует.
      14 янв 2024
    3. lxcphotogweb
      lxcphotogweb участвует.
      18 сен 2023
    4. skladchik.com
      В складчине участвует 20 человек(а).
      12 авг 2023

Поделиться этой страницей