Онлайн-курс Fullstack-разработчик — обучение фулстек программированию на JS с нуля в школе IT-профессий Level UP
Курс Фулстек-разработчик (Junior)
Доступные
способы оплаты
Описание курса
Курс «Фулстек-разработчик (Junior)» – интенсивный курс веб-разработчика на JavaScript, ориентированный на получение участниками практических навыков проектирования и разработки веб-приложений с нуля.
Пройдя обучение веб-программированию на курсе JS, вы освоите и научитесь применять на практике все современные инструменты и технологии необходимые веб-разработчику.
Акцент курса делается на понимание и умение профессионально использовать актуальные в данный момент инструменты, технологии и фреймворки.
Курс условно состоит из 2-х частей:
- front-end (40 занятий)
- back-end (12 занятий)
Для увеличения объема пройденного материала часть теории будет вашей домашней работой с последующим закреплением в форме вопросов, обычно задаваемых на собеседовании при приёме на работу.
Особенности | Практика:
Практической частью курса будет разработка и защита веб-проекта, который участники будут делать в командах после основной части курса.
У каждого участника в конце курса будет, как минимум 1 проект в альфа / бета версии, которые можно будет показать на собеседовании, либо добавить в портфолио.
Во время обучения на курсе вы:
- Научитесь настраивать окружение и освоите самые эффективные инструменты в работе, как с клиентской частью веб-приложения, так и на стороне сервера
- Научитесь работать в команде
- Научитесь создавать интерактивные веб-страницы на стеке технологий HTML5 / CSS3 / JavaScript
- Научитесь работать с фреймворками и популярными библиотеками — React.JS / Vue.JS
- Научитесь использовать Node.js для разработки серверной части приложений
- Научитесь работать с базами данных (MongoDB или MySQL)
- Если хватит времени, и очень зависит от скорости прогресса группы в целом, научитесь делать десктопные и мобильные приложения на Javascript
- Реализуете один или несколько своих проектов
После окончания курса вы сможете:
- Начать карьеру Javascript-разработчика в компании
- Работать фрилансером
- Собрать команду и организовать свой проект
Требования к участникам курса:
- Знание основ HTML, CSS (на курсе проходим достаточно быстро, поэтому если не знакомы, рекомендуем ознакомиться до начала курса)
- Очень желательно, но необязательно, знание основ программирования: переменные, типы данных, циклы, ветвления, массивы и т.
п. Это на курсе будем разбирать подробно, при этом, если вы уже знакомы с основами, будет легче воспринимать информацию.
Пример онлайн-формата:
Программа
развернуть
#Workflow
- Знакомство
- Введение в процесс разработки ПО (команда, роли, методологии)
- Инструменты разработчика на каждой стадии. Что должен знать и уметь разработчик?
- Настройка окружения. IDE. Выбор редактора и первоначальная настройка
- Работа с системой контроля версий на примере git (установка, основные команды)
развернуть
#Верстка
-
Общие понятия о браузерах.
Протокол HTTP/S. Домены, DNS
- Знакомство с HTML. Структура страницы. Основные теги.
- Знакомство с CSS . Подключение, Селекторы. Свойства.
- Упрощение работы с CSS при помощи препроцессоров SASS, LESS
- PostCSS. Обзор. Сравнение с препроцессорами.
- БЭМ
развернуть
#JavaScript
- Знакомство, теория, структура кода, строгий режим «use strict». Переменные и константы: let, const, var. Область видимости.
- Типы данных: string, number, boolean, null, undefined и другие. Операторы: примеры, отличия, особенности.
- Ветвление IF… ELSE. Условное ветвление. Тернарный оператор.
- Циклы: FOR, WHILE. Директивы break и continue.
- Объекты. Синтаксис и работа с объектами.
- Массивы. Методы массивов: Поиск, редактирование, сортировка.
- DOM. Изменение HTML и CSS. Браузерное окружение.
- Размеры, прокрутка, координаты.
- TypeScript
развернуть
#React
- Знакомство с библиотекой, структура проекта,
- Компонентный подход
- Знакомство с state, props, все о JSX
- Разбор Virtual DOM и Reconciliation
- Классовый vs Функциональный компонент (отличие)
- Методы жизненного цикла
- Redux и подключение в проект
- Thunk Redux подключение в проект
- React Router DOM подключение в проект
- Разбор hooks функциональных компонентов
- Повторение пройденного материала (Контролируемые и Неконтролируемые компоненты)
- Применяем все полученные знания к проекту
развернуть
#Vue.

- Обзор Vue.js
- Свойство Template; Virtual DOM и render
- Реактивность и Proxy
- Жизненный цикл компонента
- Работа с Vue CLI и Vue UI
- Работа с Элементами Формы и HTTP
- Работа с Vue Router
- Оптимизация с Lazy Loading
- Работа с Vuex: Зачем нужен Vuex
- Работа со Store; Что такое mutations; Зачем нужны getters; Как работают actions; Mappers
- Применяем все полученные знания к проекту
развернуть
#Back-end
- Знакомство с Node js
- Асинхронность. Event Loop и асинхронность.
- HTTP и напишем первый сервер.
-
Express, проектирование API.
Проектирование REST API
- Введение база данных (Mongo DB)
- Mongo DB, библиотека mongoose
- Аутентификация и авторизация
- Router в Express — разберем что такое роуты и зачем нужны
- Postman — Compass
- Интеграция с frontend-ом
- JWT токен разберем зачем нужен, внедрение при авторизации
развернуть
#Работа над проектами
- Работа над проектами персонально или в командах
- FAQ на собеседованиях на разные вакансии
- Как начать работать на фрилансе?
- Подводим итоги.
Что дальше?
Сертификат после обучения
Нас знают и ценят работодатели, поэтому сертификат станет вашим дополнительным преимуществом при трудоустройстве в IT-компанию.
Для получения сертификата необходимо сдать курсовой проект.
Сертификат о прохождении курса мы отправим вам на почту. Вы легко сможете добавить ссылку на сертификат в резюме и подтвердить свой уровень подготовки.
Преподаватели
Фото с очных занятий в СПб
Отзывы
Всего отзывов: 44
Илья Степаников
Санкт-Петербург
Василий Манурин
Санкт-Петербург
Максим Ляшев
Санкт-Петербург
Юрий Федоров
Санкт-Петербург
Наталья Константинова
Санкт-Петербург
Эвелина Син
Санкт-Петербург
Григорий Заварухин
Санкт-Петербург
Игорь Артюшин
Санкт-Петербург
Анна Беликова
Санкт-Петербург
Штода Сергей
Санкт-Петербург
Ирина Глазунова
Санкт-Петербург
Григорьев Николай
Санкт-Петербург
Кирчук Вячеслав
Санкт-Петербург
Алексей Смирнов
Санкт-Петербург
Олег Ефременков
Санкт-Петербург
Мария Курбатова
Санкт-Петербург
Дмитрий
Санкт-Петербург
Белобородова Виктория
Санкт-Петербург
Смирнов И. В.
Санкт-Петербург
Сергей Л
Санкт-Петербург
Николай Жуков
Санкт-Петербург
Владимир
Санкт-Петербург
Игорь
Санкт-Петербург
Мария
Санкт-Петербург
Егор Новожилов
Санкт-Петербург
Станислав Янковский
Санкт-Петербург
Николай Барсуков
Санкт-Петербург
Андрей Романенко
Санкт-Петербург
Рафаэль
Санкт-Петербург
Алексей Максимов
Санкт-Петербург
Ким С.Р.
Санкт-Петербург
Белько Р.В.
Санкт-Петербург
Владимир Тертыченко
Санкт-Петербург
Сергей Тополов
Санкт-Петербург
Dervis
Санкт-Петербург
Анастасия
Санкт-Петербург
Кахрамон Туйчиев (SEO специалист 🙂
Санкт-Петербург
Беспалов Е.
Санкт-Петербург
Unknown Artist
Санкт-Петербург
Александр Минин
Санкт-Петербург
Вероника
Санкт-Петербург
Дмитрий Молчанов
Санкт-Петербург
Наталья Теребова
Санкт-Петербург
Арсений
Санкт-Петербург
Пройдя обучение веб-программированию на курсе JS, вы освоите и научитесь применять на практике все современные инструменты и технологии необходимые веб-разработчику.
Акцент курса делается на понимание и умение профессионально использовать актуальные в данный момент инструменты, технологии и фреймворки.
Курс условно состоит из 2-х частей:
- front-end (40 занятий)
- back-end (12 занятий)
Для увеличения объема пройденного материала часть теории будет вашей домашней работой с последующим закреплением в форме вопросов, обычно задаваемых на собеседовании при приёме на работу.
Особенности | Практика:
Практической частью курса будет разработка и защита веб-проекта, который участники будут делать в командах после основной части курса.
У каждого участника в конце курса будет, как минимум 1 проект в альфа / бета версии, которые можно будет показать на собеседовании, либо добавить в портфолио.
Во время обучения на курсе вы:
- Научитесь настраивать окружение и освоите самые эффективные инструменты в работе, как с клиентской частью веб-приложения, так и на стороне сервера
- Научитесь работать в команде
- Научитесь создавать интерактивные веб-страницы на стеке технологий HTML5 / CSS3 / JavaScript
- Научитесь работать с фреймворками и популярными библиотеками — React.
JS / Vue.JS
- Научитесь использовать Node.js для разработки серверной части приложений
- Научитесь работать с базами данных (MongoDB или MySQL)
- Если хватит времени, и очень зависит от скорости прогресса группы в целом, научитесь делать десктопные и мобильные приложения на Javascript
- Реализуете один или несколько своих проектов
После окончания курса вы сможете:
- Начать карьеру Javascript-разработчика в компании
- Работать фрилансером
- Собрать команду и организовать свой проект
Требования к участникам курса:
- Знание основ HTML, CSS (на курсе проходим достаточно быстро, поэтому если не знакомы, рекомендуем ознакомиться до начала курса)
- Очень желательно, но необязательно, знание основ программирования: переменные, типы данных, циклы, ветвления, массивы и т.
п. Это на курсе будем разбирать подробно, при этом, если вы уже знакомы с основами, будет легче воспринимать информацию.
Пример онлайн-формата:
«, «offers»:{ «@type»:»Offer», «url»:»/courses/veb-tekhnologii/web-developer/», «offerCount»:»1″, «Price»:»78990″, «availability»:»InStock», «priceCurrency»:»RUB» } }
Курсы программирования, тестирования, мобильных и веб-технологий от Level UP!
Учитесь с профессионалами в сфере IT-образования!
Курс «Веб-разработка с нуля» онлайн, обучение бесплатно, 8 уроков
Бесплатный курс
39159 студентов 456 сообщений
Последнее обновление: 26 декабря 2022
Включено в курс
8 уроков (видео и/или текст)
17 проверочных тестов
Дополнительные материалы
Помощь в «Обсуждениях»
Чему вы научитесь
- Разбираться в базовой терминологии веб-разработки, отличать фронтенд от бэкенда
- Использовать инструменты браузера для просмотра и изменения исходного кода страниц
- Понимать процессы, которые происходят при обращении к сайту (как работает браузер, протоколы, сервера)
Описание
Прежде чем перейти к написанию первой программы, мы систематизируем знания о веб-разработке и познакомимся с сопутствующими технологиями. Этот курс поможет разобраться, что необходимо знать и куда можно двигаться начинающему разработчику.
HTML CSS DNS протоколы сетевые и транспортные
Программа курса
Продолжительность 3 часа
-
Введение
Познакомиться с курсом.
теория
-
HTML
Познакомиться с языком разметки HTML, понять его основную идею.
теория
тесты
-
CSS
Познакомиться с технологией CSS и его возможностями. Узнать про CSS фреймворки.
теория
тесты
-
Хостинг
Рассмотреть такие понятия, как хостинг, его виды, DNS и домен. Кратко ознакомиться с процессом регистрации сайта.
теория
тесты
-
Backend разработка
Узнать что такое backend разработка, используемые языки и технологии.
теория
тесты
-
Frontend разработка
Узнать что такое frontend разработка, его отличие от верстки и используемые в ней языки и технологии.
теория
тесты
-
Роли
Рассмотреть, какие бывают роли в разработке сайта. Узнать про позиции разработчиков в команде
теория
-
Обучение
Узнать, какие знания необходимы, чтобы стать программистом, как стоит организовать процесс обучения и какими ресурсами пользоваться.
теория
Формат обучения
Игорь Звягин18 июля 2019
Хочу поблагодарить за «введение в веб-разработку». Не знаю сколько вы времени потратили, но читая это реально хочется изучать. Сильно написано! 2 часа потратил с удовольствием! Каждая статья, ссылка — все в тему. Не только понятно, но и интересно!
oksimetr22 июня 2019
Спасибо! Очень простая, но полезная для понимания статья!
Владимир cssfish41 марта 2018
Команда hexlet, мне нравится ваш подход — обучать базе, а не скоропортящимся технологиям. Этого так не хватает в современном мире! Вы большие молодцы!!
Изучите веб-разработку с помощью онлайн-курсов и программ
Веб-разработчики несут ответственность за создание и поддержку веб-сайтов, на которых мы полагаемся для работы, покупок, игр и многого другого. Изучайте веб-разработку онлайн с edX.
Что такое веб-разработка?
Веб-разработка обычно относится к кодированию и программированию при создании веб-сайтов. Когда вы изучаете веб-разработку, вы можете начать с написания простой страницы текста в формате HTML и перейти к созданию более сложных, многофункциональных приложений, предназначенных для доступа с различных устройств, подключенных к Интернету. Примеры многофункциональной веб-разработки включают веб-сайты электронной коммерции, системы управления контентом (CMS) и социальные сети. Общие языки программирования и программное обеспечение, которые могут использовать веб-разработчики, включают язык гипертекстовой разметки (HTML), каскадные таблицы стилей (CSS), JavaScript, PHP, Drupal и MySQL.
Просмотреть онлайн-курсы веб-разработки
Просмотреть все курсы
Просмотреть все курсы
Типы веб-разработки
Существуют различные типы веб-разработки: интерфейсная, внутренняя и полная разработка. Footnote 1 Обратите внимание, что веб-разработчики специализируются на создании веб-сайтов, а не мобильных приложений, видеоигр или программного обеспечения.
-
Интерфейсная разработка относится к клиентской или пользовательской стороне веб-сайтов. Разработчики внешнего интерфейса проектируют и разрабатывают визуальные аспекты веб-сайта, включая макет, навигацию, графику и другую эстетику.
Их основная работа заключается в создании интерфейсов, которые помогают пользователям достигать своих целей, поэтому фронтенд-разработчики часто участвуют в пользовательском опыте (UX).
-
Back-end разработка фокусируется на всем, что пользователь не видит. Back-end разработчики работают с серверами, операционными системами, интерфейсами прикладного программирования (API) и базами данных. Они управляют кодом безопасности, контента и архитектуры сайта. Они сотрудничают с фронтенд-разработчиками.
-
Полная разработка охватывает как интерфейсную, так и внутреннюю часть веб-сайта или программного обеспечения. Сноска 2 Разработчики полного стека могут создать веб-сайт от начала до конца. Помимо понимания HTML и CSS, эти разработчики знают, как программировать браузер, сервер и базу данных. Они умеют работать с различными технологиями, которые выполняют различные функции на веб-сайте, что часто требует многолетнего обучения и опыта.
Учебный курс по веб-разработке
Начинающие профессионалы в этой области могут научиться создавать веб-сайты полностью онлайн, пройдя онлайн-курсы по программированию , сертификаты веб-разработчиков или онлайн-курсы веб-разработки. От учебных пособий по HTML до углубленных курсов по адаптивному веб-дизайну — люди могут изучить новейшие методы кодирования на стороне клиента и сервера. Учебная программа по веб-разработке зависит от уровня, конкретного курса и предмета, но большинство вводных занятий охватывают основы HTML и CSS, а также популярные языки веб-программирования, такие как Python и JavaScript. Существуют также курсы веб-разработки, ориентированные на внутреннюю разработку, посвященную базам данных, приложениям и программному обеспечению.
Запишитесь на любой из этих вводных курсов, чтобы научиться веб-разработке и начать создавать веб-сайты всего за несколько недель.
Откройте для себя вакансии веб-разработки
От разработки мобильных интерфейсов до расширения возможностей современных веб-приложений компании инвестируют и расширяют свое присутствие в Интернете. Должностные обязанности специалистов по веб-разработке включают:
Чем занимаются веб-разработчики?
Веб-разработчики создают и поддерживают веб-сайты. Они также несут ответственность за технические аспекты веб-сайта, такие как скорость его загрузки, производительность и объем трафика, который может обрабатывать сайт. Веб-разработчики также могут создавать контент для веб-сайта.
Описание работы веб-разработчика может включать любое или все из следующего: Сноска 3
-
Встреча с клиентами для обсуждения потребностей, дизайна и функциональности веб-сайта.
-
Напишите код для веб-сайта, используя такие языки программирования, как HTML или JavaScript.
-
Создание и тестирование приложений, интерфейсов и навигационных меню.
-
Работайте с веб-дизайнерами, чтобы определить макет веб-сайта.
-
Интегрируйте графику, аудио и видео в веб-сайт.
-
Мониторинг посещаемости веб-сайта.
В зависимости от типа веб-разработки у разработчиков могут быть дополнительные обязанности, такие как работа с базами данных и мониторинг безопасности веб-сайтов.
Как стать веб-разработчиком
Требования к образованию различаются для веб-разработчиков в зависимости от работодателя, вашей конкретной роли и других факторов. Многие профессионалы, работающие веб-разработчиками, имеют степень бакалавра, а некоторые работодатели предпочитают нанимать веб-разработчиков, специально получивших 9 баллов.0047 степень бакалавра в области компьютерных наук или науки о данных или программирования. Для профессионалов, желающих перейти на руководящую должность или специализироваться на определенных технологиях, степень магистра в области науки о данных может сделать их более конкурентоспособными на рынке труда. Но веб-разработчикам может не понадобиться специальное образование, если они могут продемонстрировать свои способности с помощью предыдущего опыта работы или проектов.