Логотип компании Вебби
Декоративный элемент в виде соты, белого цвета

О стажировке в Вебби

ВЕБ-РАЗРАБОТЧИК

Создаёт нагруженные веб‑приложения, которые могут конкурировать с полноценным desktop‑ом

Декоративный элемент в виде соты, белого цвета

Какие задачи решает веб-разработчик

Реализация бизнес-логики на клиенте

настройка поведения интерфейса в зависимости от требований бизнеса: фильтры, формы, графические элементы

Разработка интерфейса сайта

реализация кнопок, форм, анимаций и других элементов, с которыми взаимодействуют пользователи

Интеграция с backend

организация взаимодействия фронтенда с сервером для работы с данными: отправка форм, авторизация, отображение контента

Что мы расскажем?

Создание сайта

Как выглядит полный цикл разработки веб-приложения или сайта, отличия от других приложений

Современные веб‑фреймворки

Зачем они нужны и почему никто не пишет на чистом JavaScript

Отладка приложения

Как выяснить, почему приложение работает некорректно (debugger, Stack Trace)

Знакомство с серверным JavaScript

Почему Node.js не уступает другим серверным языкам

Автоматизация разработки

Кто такие Dev‑Ops, зачем нужен Jenkins, что за зверь Docker

Типизация JavaScript

Как использовать статическую типизацию TypeScript для JavaScript

Оптимизация приложения

Минификаторы/обфускаторы, отладка производительности, Lighthouse

Работа со стилями

Как использовать современные способы стилизации в вёрстке: Shadow DOM, Styled components

Работа с Git

Git flow, работа с ветками, совместная разработка, Pull Requests

Сборка приложения

Что такое зависимости NPM и как применять сборщики приложений

Вы будете использовать

React

React.js

Фронтенд‑фреймворки

Webpack

Webpack, Rollup, Vite

Сборщики

TypeScript

TypeScript, Eslint, Prettier

Анализаторы кода

Git

Git

Система контроля версий

Chrome

Chrome DevTools

Инструменты для отладки и профилирования

Sequelize

Sequelize/TypeORM (ORM)

Работа с БД

Чему вы научитесь

Декоративный элемент в виде соты, оранжевого цвета

Написать собственный сайт

Даже несколько сайтов, которые вы сможете залить на Github и использовать в качестве портфолио в будущем

Декоративный элемент в виде соты, оранжевого цвета

Использовать виртуализацию

Собирать приложения с использованием Docker, запускать — с использованием docker-compose

Декоративный элемент в виде соты, оранжевого цвета

Познакомиться с mvvm-фреймворками

Примените React.js для разработки собственного приложения. Узнаете отличия «старых» подходов от «новых»

Декоративный элемент в виде соты, оранжевого цвета

Погрузиться в клиентскую и серверную разработку

Поработаете в обоих направлениях. Это поможет выбрать ваш дальнейший путь развития

Декоративный элемент в виде соты, оранжевого цвета

Планировать свою работу

Использовать таск-трекеры (в частности Jira), чтобы приоритезировать, оценивать сроки и давать прогнозы по задачам

Декоративный элемент в виде соты, оранжевого цвета

Спроектировать и реализовать базу данных

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

Декоративный элемент в виде соты, оранжевого цвета

Работать по гибким методологиям

Отличать Scrum и Kanban, планировать спринты, использовать story-points

Вопросы и ответы