Изюминка курса — его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом.
Чему вы научитесь, пройдя курс: Освоите workflow, как в Google и Facebook Веб-разработка, пожалуй, одна из самых быстро развивающихся IT-отраслей в мире. То, как было актуально писать код еще год назад, сегодня уже безнадёжно устаревший подход. На курсе мы покажем workflow, который используют прямо сейчас лучшие программисты Кремниевой Долины.
Программировать веб-приложения, а не просто сайты Требования к сайтам стали жестче, чем когда бы то ни было. Сейчас, это не просто красивые странички с классными визуальными эффектами. Сегодня сайт — это полноценное веб-приложение, которое молниеносно загружается и потрясающе выглядит на любом устройстве: смартфоне, планшете и даже на телевизоре.
Писать понятный и масштабируемый код Работа с препроцессорами сейчас норма не только для CSS, но и для HTML. Все практические задачи вы сразу будете делать на SASS/SCSS и Jade. Получаемые данные с сервера (JSON) научитесь выводить в HTML при помощи JavaScript, используя handlebars.js.
«Full stack» разработка Несомненный тренд 2016/17 годов. Забудьте про разделение на специализацию. Сегодня веб-разработчик должен не просто знать и понимать код от сервера до клиента. Также необходимо правильно выбирать технологии для каджого конкретного случая. Вы научитесь именно этому: выбирать, решать, обосновывать и защищать свой выбор.
Модульная архитектура Количество JavaScript кода на современном сайте уже несколько лет как переваливает за 70 от общего объема кода. Особенно с приходом серверного JavaScript — node.js. Вы научитесь планировать, создавать и масштабировать свой код. Вы также на практике освоите самые востребованные паттерны кодирования и проектирования.
Решать самые разные задачи при работе с API внешних сервисов Научитесь работать и понимать API запросы как самых востребованных социальных сетей, так и различных сервесов, типа Google maps и пр. Освоив основные принципы, для вас не составит труда разобраться с API любого внешнего сервиса.
Учебная программа: Настройка рабочей среды -Боевое крещение новобранцев
-Знакомство с наставниками и одногруппниками
-Знакомимся с Slack и платформой обучения
-Подготовка рабочего окружения
-Выбор и настройка редакторов кода: Sublime text, Atom, Brackets
-Настройка и базовые принципы работы в терминале
-Тонкие настройки и особенности работы PhpStorm/WebStorm
-Полезные инструменты для повышения продуктивности
-Как оставаться здоровым, работоспособным и эффективным
-Планирование, постановка задач и достижение целей
Workflow -Основы работы в Linux терминале
-Базовый workflow в Git
-Знакомство с node.js
-Работа с модулями, npm
-Понимание dependencies и devDependencies
-Bower — настоящее и будущее
-Bower vs Npm для frontend-разработки
-Локальный сервер на node.js — BrowserSync
-LiveReload — наиболее эффективные решения
-Корректная публикация проекта на Github
Workflow #2
-Gulp — лучшие практики применения
-Конкатенация, минификация, работа со статикой
-15 самых востребованных npm-плагинов
-Автоматическая оптимизация картинок
-Bower — продвинутые техники, тонкая настройка
-Подготовка и сборка проекта для последующей отправки на хостинг (Production Server)
-Настройка хостинга и автодеплой проекта (Auto Deploy)
Вёрстка Вёрстка #1
-Самые важные приёмы при нарезке макета в Photoshop
-Как писать семантичный и качественный HTML
-Какие единицы измерения лучше? "px", "em", "rem" и др.
-"font-size" и "line-height"
-Все значения свойства "display"
-Свойство "float" и его корректная очистка
-Вертикальное и горизонтальное центрирование элементов
-Псевдоэлементы :before, :after
-Свойство "outline"
-Тонкости модели "box-sizing", margin, padding
-Рекомендации о том, как писать "правильный" CSS
-Meyer Reset, Normalize.css, border-box reset
Вёрстка #2
-Знакомство с препроцессором Jade
-Использование алгоритмической структуры Jade
-Написание собственных примесей
-Построение универсального шаблона
-БЭМ-нейминг
-Организация файловой структуры проекта
-Рендеринг данных из JSON
Вёрстка #3
-репроцессор — SASS/SCSS
-Циклы, условия, переменные SASS
-Необходимые в работе функции SASS
-Автоматизация сборки спрайтов средствами Spritesmith
-SVG, иконочные шрифты
Вёрстка #4
-Адаптивная вёрстка
-Настройка картинок для адаптивной верстки
-Адаптация картинок под ретина-дисплеи
-Адаптив или Респонсив. В чем разница?
-Медиазапросы
-Библиотека SingularityGS & Breakpoints SASS. Для верстки респонсив сайтов.
Вёрстка #5
-Модуль CSS — flexBox
-Поведение флексбокс лэйаута
-Управление пропорциями блоков
-Управление порядком блоков
-"Хитрое" выравнивание flexBox контента
Javascript Javascript #1
-Типы данных в JS
-Объекты-обертки
-Введение в функции
-Типы объявления функций
-Анонимные функции
-Всплытие переменных и функций
-Работы с объектами
-Паттерн модуль. Взаимодействие модулей
Javascript #2
-Работа с jQuery
-Cобытия и их обработка
-Корректная работа с DOM
-Аjax и Deffered object — реализация в jQuery
-JSON
-Шаблонизация на Javascript, Handlebars.js
-Лучшии практики и производительность
-Browserify
Javascript #3
-Версии ECMAScript
-ES-2015 сейчас
-Трансляция ES6 через Babel.JS
-Переменные для разных областей видимости
-Шаблонные строки
-Функции с передачей контекста
-Классы
-Деструктуризация
PHP PHP #1
-Настройка сервера Apache
-Основы языка программирования PHP
-Работа с функциями
-Встроенные возможности языка
-Работа с файлами
-Работа с данными: JSON, XML, CSV, ini-файлами
PHP #2
-Работа с сессиями
-Работа с базой данных MySQL
-Безопасность
-Знакомство с РНРStorm
-Пакетный менеджер Composer и Packagist
-Работа со сторонними библиотеками
-Работа с изображениями
-Шаблонизатор Twig
Командная разработка -Системы менеджмента кода
-Тонкая настройка git
-Работа с git в консоли
-Переходы по веткам, теги
-Git Bash
-Git GUI, SourseTree
-Работа с ветками
-Анализ и разрешение конфликтов
-GitHub коллабарации
Работа с интерактивными элементами страницы -Частые проблемы с дропдаунами
-Перекрытия элементов
-Абсолютное центрование
-Практическое использование кастомных примесей
-Работа с очередью анимаций
-Рекурсивные анимации с параметрами и без
-Частые проблемы с формированием лейаута
-Wow.js под капотом
Работа с API -Что такое API?
-Как устроено API?
-Что такое Curl?
-Работа с API Вконтакте
-Работа с API Yandex
-Подводные камни API
Работа с CMS -Какие бывают CMS и почему именно MODx?
-Установка и первоначальная настройка
-Обзор популярных компонентов
-Работа с ресурсами и шаблонами
-Работа c чанками, сниппетами и TV
-Практика работы с MODx
Закрытие курса Информация о видео Название: Продвинутый курс по веб-разработке
Автор: Коллектив
Год выхода: 2016
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия (LoftSchool)
Файл Продолжительность: ~66 часов
Формат: MP4, WEBM (+ доп материалы)
Видео: AVC/VP8, 1280x720, ~850 Kbps
Аудио: AAC/Vorbis, 256 Kbps, 48.0 KHz
Размер файла: 20.37 Gb
Скачать Продвинутый курс по веб-разработке