Онлайн курс Web Разработчик
KURSY ONLINE

Онлайн курс Web Разработчик

Подробное обучение созданию сайтов. Вы получите весь материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.

Бесплатный Онлайн курс Web Разработчик

Курс Web Разработчик направлен на подробное обучение созданию сайтов, без воды, но главное, что здесь мы немедленно применяем все знания на практике. Это значит, что вы получите весь материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.

Бесплатный Онлайн курс Web Разработчик

Мы с вами пройдем путь от установки своего первого редактора кода до создания полноценных, полностью функционирующих и расположенных в интернете сайтов. Мы будем изучать теоретическую часть и сразу же применять её на реальных проектах. Все ссылки на ресурсы, дополнительные материалы и бонусные макеты для практики будут предоставлены внутри курса.

  • мы изучим основы web-разработки: что такое web-сайт, зачем он нужен, циклы создание и многое другое
  • мы научимся работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode…
  • мы научимся работать с графикой для web’a, в том числе с SVG
  • мы узнаем и поймем как использовать HTML5 и CSS3 в реальных проектах
  • мы узнаем основы JS и Jquery, научимся применять их в своих проектах
  • мы научимся работать с Git и GitHub
  • мы научимся работать с Bootstrap 4 и с технологией FlexBox
  • мы научимся использовать препроцессоры Sass/Scss/Less в своих проектах
  • мы научимся создавать мобильную адаптацию сайтов и приложений
  • мы научимся использовать методологию БЭМ
  • мы поймем, как создавать многостраничные сайты и принципы посадки под CMS(системы управления сайтами)
  • мы научимся автоматизировать процессы при помощи планировщика задач Gulp
  • мы научимся оптимизировать скорость работы сайтов и проводить валидацию верстки по стандартам w3c
  • мы научимся работать с множеством готовых плагинов, устанавливать гео-карты на сайте, работать со шрифтами и многое другое

Онлайн курс Web Разработчик вы научитесь

  • Узнаешь основы web-разработки: что такое web-сайт, зачем он нужен, циклы создания и многое другое.
  • Научишься работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode…
  • Научишься работать с графикой для web’a, в том числе с SVG.
  • Узнаешь и поймешь как использовать HTML и CSS в реальных проектах (теория + настоящая практика).
  • Узнаешь основы JS и Jquery, научишься применять их в своих проектах.
  • Научишься работать с Git и GitHub.
  • Научишься работать с Bootstrap 4 и с технологией FlexBox.
  • Научишься использовать препроцессоры Sass/Scss/Less в своих проектах.
  • Научишься создавать мобильную адаптацию сайтов и приложений.
  • Научишься использовать методологию БЭМ.
  • Поймешь, как создавать многостраничные сайты и принципы посадки под CMS (системы управления сайтами).
  • Научишься автоматизировать процессы при помощи планировщика задач Gulp.
  • Научишься оптимизировать скорость работы сайтов и проводить валидацию верстки по стандартам w3c.
  • Научишься работать с множеством готовых плагинов, устанавливать гео-карты на сайте, работать со шрифтами и многое другое…
  • Все полученные знания даются в современном формате и сразу закрепляются на практике.
  • Бонус: получишь несколько реальных макетов для практики.

Погружение в тему создания web-продуктов. Изучение основ HTML и CSS

0:00
/
Зачем нам этот модуль
0:00
/
Классификация сайтов. Этапы создания
0:00
/
Установка и настройка редактора кода

Pinta TV

Видеокурсы на закрытых каналах Telegram То что не вышло на сайте Подписывайся на @pintatv и следи за новыми курсами

@PintaTV
0:00
/
Работа с Adobe Photoshop в вебе
0:00
/
Работа с современными редакторами_ Avocode, Zeplin, Figma
0:00
/
Что такое сетки и преобразование иконок в SVG формат
0:00
/
Создаем свой первый проект. Основы HTML
0:00
/
Основные теги HTML на практике
0:00
/
Семантические теги HTML5
0:00
/
Основы CSS на практик
0:00
/
Блочная модель CSS
0:00
/
Developer Tool. Что это и как с ним работать
0:00
/
Блочная модель CSS. Часть 2
0:00
/
Developer Tool. Что это и как с ним работать
0:00
/
Блочная модель CSS. Часть 2
0:00
/
Позиционирование элементов в CSS. Принцип карточной колоды
0:00
/
Выравнивание элементов по вертикали. Верстка таблицами и float'ами
0:00
/
Единицы измерения CSS
0:00
/
Практика. Создаем сайт на чистом HTML и CSS
0:00
/
Технология Flexbox и применение её на макете
0:00
/
Практика. Заканчиваем сайт на чистом HTML и CSS + домашнее задание
0:00
/
Сброс стилей reset.css_normalize.css
0:00
/
Подключение шрифтов на сайт

Ускорение работы в несколько раз

0:00
/

Pinta TV

Видеокурсы на закрытых каналах Telegram То что не вышло на сайте Подписывайся на @pintatv и следи за новыми курсами

@PintaTV
0:00
/
Библиотека Bootstrap
0:00
/
Практика. Новый проект с использованием сетки Bootstrap 4
0:00
/
Препроцессоры. SASS SCSS LESS
0:00
/
Если у вас ошибка при компиляции SASS кода
0:00
/
Префиксы в CSS
0:00
/
Практика. Продолжаем работу и используем препроцессор SASS
0:00
/
Как работать с иконками. Иконочные шрифты
0:00
/
Адаптация проектов под различные устройства
0:00
/
Pixel Perfect верстка

0:00
/
Адаптация при помощи Bootstrap
0:00
/
Практика. Адаптация проекта
0:00
/
Практика. Адаптация проекта
0:00
/
Локальные ссылки и favicon
0:00
/
UX. Дорабатываем мелочи
0:00
/
Публикуем сайт в интернете. Домен. Хостинг

Необходимые технологии для веб-разработчика и продвинутая практика

0:00
/
Зачем нам этот модуль
0:00
/
Система контроля версий Git и сервис GitHub
0:00
/
Как работать с GitHub с разных компьютеров, gitignore и Git Kraken
0:00
/
Планировщик задач Gulp
0:00
/
Методология БЭМ
0:00
/
Практика. Создаем новый проект, используя Gulp, БЭМ
0:00
/
Если у вас не работают картинки

Pinta TV

Видеокурсы на закрытых каналах Telegram То что не вышло на сайте Подписывайся на @pintatv и следи за новыми курсами

@PintaTV
0:00
/
Формы на сайтах
0:00
/
Знакомимся с языком программирования JavaScript
0:00
/
Как можно освоить JavaScript
0:00
/
Практика. Создаем слайдер на сайте. Slick-слайдер
0:00
/
Валидация форм
0:00
/
Маска ввода номера на сайте
0:00
/
Локальные сервера
0:00
/
Практика. Отправка писем с сайта
0:00
/
Плавный скролл по ссылкам и элемент вверх
0:00
/
Анимации на сайтах при помощи CSS3
0:00
/
Библиотеки для работы с анимациями
0:00
/
Валидация сайта
0:00
/
Загружаем сайт на реальный хостинг. Настройка домена, что такое FTP и SSL
0:00
/
Оптимизация скорости загрузки сайта, доработка gulpfile
0:00
/
Что делать дальше
Отблагодарить нас за предоставленный контент
Внеси небольшой вклад 10$ для развития нашей площадки чтоб мы могли предоставить тебе еще больше полезного контента


Share Tweet Send
0 Комментарии
Загрузка...
You've successfully subscribed to Pinta IT 🍺
Great! Next, complete checkout for full access to Pinta IT 🍺
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.