Курсы веб программирования

На сегодняшний день фокус веб-разработки все больше переходит от бэкенда к фронтэнду, появляются новые фантастические возможности в этой области (HTML5, CSS3, JS) и, как следствие, профессия фронтэнд- разработчика (в прошлом верстальщика) становятся все более актуальной, а хорошие специалисты все более ценными.

Принять участие

Что вы будете изучать

Никаких скучных теорий. 3 практических курса и стажировка

HTML/CSS. Основы создания сайтов

  • 1

    Основные понятия в веб-разработке

    Что из себя представляет веб страница, какие сайты бывают, процесс разработки сайта, что такое каркас страницы, теги, атрибуты. Создаем первый сайт.

  • 2

    Основы языка разметки документов HTML

    Работа с типографией, типы изображений, списки, формы и многое другое...

  • 3

    Основы языка оформления стилей документа CSS

    Что такое стили и зачем они нужны, подключаем внешние стили, разберёмся между классами, ID, тегами, родительскими и дочерними тегами (наследование) и т.д.

  • 4

    Псевдоклассы и псевдоэлементы, блочная верстка

    Работа с таблицами и псевдоэлементами, разбор блочной структуры сайтов, понимание интересного в сложном...

  • 5

    Работа с макетами дизайна с помощью Photoshop

    Верстаем наш сайт так как это делают профессионалы, разбор макета, нарезка макета, работа с слоями и т.д.

  • 6

    Ускоряем время написание программного кода

    Ускоряем нашу разработку более чем на 120%, понимаем, что такое плагины и с чем их едят.

  • 7

    Верстка сайта

    Закрепляем наши знания на практической работе, верстаем, верстаем и еще раз верстаем!

  • 8

    Углубляемся в HTML

    Атрибуты, сео теги, кейворды, метатеги и многое сложное и непонятное станет простым и понятным

  • 9

    Углубляемся в CSS

    Адаптивность и резиновый сайт, поймем как сайт меняется при разных разрешениях и устройствах, адаптивность это ключ к новому уровню.

  • 10

    HTML5 на помощь HTML4

    Что нового в HTML5 и как с ним работать.

  • 11

    CSS3 на помощь CSS2

    Adobe Flash умирает, так как на его замену пришёл CSS3 возможности которого практически безграничны. Так узнаем, что же такого вкусного для нас придумали.

  • 12

    Верстка макета

    Закрепляем наши знания на практике, верстаем сложный сайт, Ваше портфолио будет пополнено красивым и сложным проектом.

Препроцессор Sass и Bootstrap Фреймворк, ускоряем свою работу на 170%

  • 1

    Что такое Sass(SCSS) препроцессор

    Что такое препроцессоры и зачем они нужны, и как же все таки пишется Sass или SASS.

  • 2

    Переменные в Sass

    Работа с переменными в Sass (SCSS)

  • 3

    Миксины Sass

    Ускоряем и облегчаем нашу работу с CSS стилями изучив миксины.

  • 4

    Расширения Sass

    Создание правильной иерархии файловой структуры стилей в Sass (SCSS)

  • 5

    Функции, циклы, условные операторы Sass

    Написание своих функций и циклов, ускоряемся в разы!

  • 6

    Работа с вычислениями и цветами Sass + Респонсивность

    Математика в Scss? Легко! работа с математическими вычислениями и цветами, а так же понимание респонсивности в препроцессорах

  • 7

    Что такое Twitter Bootstrap Фреймворк?

    Понимание фреймворков, установка фреймворка Bootstrap, гридовая сетка, адаптивность

  • 8

    Типография, Таблицы, Формы, Кнопки Bootstrap

    Упростим нашу жизнь, изучив работу со стилями bootstrap

  • 9

    Углубимся во все полезные возможности фреймворка.

    Навигация, хлебные крошки, глификоны, группы полей, прогресс бар Bootstrap

  • 10

    Больше не надо создавать свой велосипед, надо научиться на нем ездить, что мы и будем делать с помощью bootstrap

    Модальные окна, Табы, Колапсы, Карусель, Поповеры в Bootstrap

  • 11

    Верстка макета на Bootstrap

    Начнем верстать наш первый адаптивный макет на Bootstrap

  • 12

    Верстка макета на Bootstrap с помощью Sass

    Применим все наши знания из Sass (SCSS) и доверстаем великолепный сайт!

JavaScript и jQuery - оживляем наш сайт

  • 1

    Основы языка JavaScript

    Структура кода, переменные, внешние скрипты, порядок исполнения, типовые данные, асинхронная загрузка и т.д.

  • 2

    Основные операторы JavaScript

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

  • 3

    Циклы JavaScript

    While, For, конструкция switch и т.д.

  • 4

    Функциональные выражения JavaScript

    Функции, функциональные выражения, особенности js и т.д.

  • 5

    Знакомство с jQuery

    Селекторы, выборка, show, SlideDown, Animate и т.д.

  • 6

    Фильтры jQuery

    Фильтры, even, first, last, атрибуты и т.д.

  • 7

    Написание слайдера на jQuery

    Практическая работа над закреплением информации из пройденных уроков, на примере написания слайдера.

  • 8

    Методы для работы с HTML через jQuery

    Генерация html, дублирование тегов, вставка кода, вывод форм в реальном времени и т.д.

  • 9

    Обработка событий и визуальные эффекты jQuery

    Обработка событий, работа с текстами, стилизованные элементов и т.д.

  • 10

    Draggable - перемещение элементов jQuery

    Работа с jQuery UI на примере перетаскивание блоков.

  • 11

    Canvas - что это такое и с чем его едят jQuery

    Понимание канваса, работа с канвасом, создание элементов на канвасе

  • 12

    Создание своей игры на jQuery

    Закрепление информации на создание своей игры с помощью canvas

Регистрация

или

от 3 символов

Aвторизация

или

от 8 символов

Активируйте аккаунт!

Чтобы начать обучение — загляни в свой почтовый ящик,
найди письмо от BomBear и перейди по ссылке

Не пришло письмо? Отправь повторно.

Активировать аккаунт

Перейди
по ссылке
в письме