Фильм → Продвинутый курс по веб-разработке (2016)

Продвинутый курс по веб-разработке (2016)

Изюминка курса — его программа. Вы получите полноценные и структурированные знания, поданные простым и понятным языком. В нужных пропорциях и под нужным соусом.

Чему вы научитесь, пройдя курс:
Освоите 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

Продвинутый курс по веб-разработке (2016) Продвинутый курс по веб-разработке (2016) Продвинутый курс по веб-разработке (2016)


Скачать Продвинутый курс по веб-разработке

-- --
AliExpress: новогодняя скидка до 70% на все!
Aliexpress WW

Документальные фильмы похожие на "Продвинутый курс по веб-разработке (2016)"

Node.js Серверное программирование на JavaScript. Видеокурс (2018)Node.js Серверное программирование на JavaScript. Видеокурс (2018)
Эволюция javascript с каждым годом дает возможность для веб-разработчиков создавать большое количество новых технологий и инновационных приложений. Один из наиболее интересных и популярных инструментов для создания легко масштабируемых сетевых приложений является Node.js – это серверная реализация языка программирования javascript, основа...
JavaScript для верстальщика. Видеокурс (2016)JavaScript для верстальщика. Видеокурс (2016)
Этот видеокурс научит вас всему, что нужно знать верстальщику, чтобы разрабатывать современные сайты.
PHP. Уровень 1. Основы создания сайтовPHP. Уровень 1. Основы создания сайтов
Жанр: Обучающее видео Производитель: Специалист Год выпуска: 2010 Формат: AVI Качественный вебинар от мастеров обучающего компьютерного Центра "Специалист" по языку программирования PHP. Этот курс особенно будет полезен начинающим пользователям желающим научиться создавать приложения для веб, так как обучение начинается с полного нуля, и от слушат...
Веб-верстальщик: Код фрилансера. Видеокурс (2017)Веб-верстальщик: Код фрилансера. Видеокурс (2017)
Освойте профессию верстальщика и веб-разработчика на профессиональном уровне, c домашними заданиями и гарантией заработка на фрилансе. Вы получите все необходимые навыки для успешной работы верстальщиком.
React JS, Redux, ES2015 с Нуля до Гуру. Видеокурс (2016)React JS, Redux, ES2015 с Нуля до Гуру. Видеокурс (2016)
Этот видеокурс научит Вас использовать современные front-end технологии для создания высокопроизводительных и динамических сайтов. Пройдя этот курс, вы узнаете самые актуальные возможности языка в новом стандарте.
Node.JS. Новый поток. Видеокурс (2017)Node.JS. Новый поток. Видеокурс (2017)
Этот курс посвящён профессиональной Node.JS-разработке. Мы будем использовать современные практики разработки, а не те, которые, хоть и широко представлены в интернете, но давно устарели. Вы получите комплексное понимание, как строить архитектуру для Node.JS, какие задачи и как решать.
Javascript для верстальщика. Видеокурс (2018)Javascript для верстальщика. Видеокурс (2018)
С помощью этого видеокурса вы изучите основные и самые необходимые понятия для работы с javascript, то как он работает в браузере, познакомитесь с современными трендами и фреймворками. Так же вы научитесь писать правильный и красивый код и находить в нем коварных "жуков".
JavaScript-разработка: создаем интерактивные веб-страницы. Видеокурс (2016)JavaScript-разработка: создаем интерактивные веб-страницы. Видеокурс (2016)
Цель видеокурса сделать из новичков HTML-верстки грамотных front-end разработчиков. Слушатели научатся работать с Java Script, HTML5, CSS3, AJAX, различными библиотеками и фреймворками, а также смогут сверстать профессиональный макет.
Разработчик JavaScript. Видеокурс (2018)Разработчик JavaScript. Видеокурс (2018)
Курс предназначен для для разработчиков уровня Junior и Middle, которые имеют общее представление и опыт работы с Web и хотят узнать больше о мире современного javascript.
Программирование на PHP и MySQL. Видеокурс (2019)Программирование на PHP и MySQL. Видеокурс (2019)
Язык PHP является основным языком для разработки популярнейших интернет-сайтов и сервисов. Каждый день, заходя в интернет вы пользуетесь сайтами, написанными на PHP. Если вы проявляете интерес к программированию, почему бы не изучить самое популярное направление? Именно об этом данный курс.
Практический курс по верстке лендинга (2017)Практический курс по верстке лендинга (2017)
Задача этого курса – последовательная верстка лендинга с нуля. В течение девяти уроков мы сверстаем с вами лендинг, который будет корректно отображаться на разных устройствах. Вы научитесь работать с препроцессорами PUG, SASS, с популярным сборщиком проектов Gulp, также затронем валидацию формы на javascript и «оживим» лендинг. Благодаря курсу...
MySQL 5. Проектирование и создание баз данных для web (2010) ВидеокурсMySQL 5. Проектирование и создание баз данных для web (2010) Видеокурс
Описание: Сервер баз данных MySQL очень распространен и широко используется в Веб–технологиях. На этом сервере базируются большинство сайтов и решений в Интернете. Практический любой сайт (блоги Wordpress, CMS-системы) активно используют базы данных на сервере MySQL. Однако многие скрипты (сайты, формумы и др.) используют сервер MySQL не очень эффе...
Полный курс по JavaScript — с нуля до результата (2018)Полный курс по JavaScript — с нуля до результата (2018)
Этот курс направлен на подробное изучение javascript без воды, но главное — немедленное применение его на практике. Это значит, что вы получите материал для работы и мы вместе будем создавать реальные проекты шаг за шагом.
Продвижение в социальных сетях SMM. Продвинутый курс (2014)Продвижение в социальных сетях SMM. Продвинутый курс (2014)
Те, кто не успел завести себе сайт несколько лет тому назад — прогорели, обанкротились. Тех, кого нет в социальных сетях сегодня — завтра вымрут, как динозавры. Бессистемный, неграмотный, хаотичный подход к SMM гарантирует вам головную боль, плохую репутацию и низкие продажи.
HTML-верстка: инструменты профессиональной front-end разработки. Видеокурс  ...HTML-верстка: инструменты профессиональной front-end разработки. Видеокурс ...
Во время обучения на курсе вы освоите современные технологии, такие как HTML5, CSS3, Java Script и многие другие. Работа с персональным наставником-практиком, который поможет вам с заданиями и ответит на вопросы.
Комплексное обучение JavaScript. Видеокурс (2016)Комплексное обучение JavaScript. Видеокурс (2016)
Представляем вам видеокурс по самому востребованному языку веб-программирования на котором вы получите полноценные и структурированные знания, поданные простым и понятным языком.
Веб-разработчик 12.0. Видеокурс (2018)Веб-разработчик 12.0. Видеокурс (2018)
За 6-и недельный курс обучения вы подробно разберете все этапы создания сайтов, научитесь готовить прототипы, получите навыки создания и работы с дизайн-макетом PSD.
Yii2 для начинающих программистов. Видеокурс (2017)Yii2 для начинающих программистов. Видеокурс (2017)
Видеокурс идеально подойдёт новичкам без опыта программирования, которые хотят научиться программировать с самых азов и освоить прибыльное направление. А также курс будет полезен начинающим PHP программистам и программистам с опытом в других фреймворках, чтоб прокачать свои навыки до профессионального уровня, получить дополнительный доход от заказо...
CorelDRAW X5X6. Создание Векторных Иллюстраций (2012) CamRipCorelDRAW X5X6. Создание Векторных Иллюстраций (2012) CamRip
На курсе Вы изучите технические возможности одного из наиболее популярных векторных редакторов – CorelDRAW и приобретете необходимые практические навыки профессиональной работы. Курс предназначен для дизайнеров, художников, фотографов, создателей презентаций, веб-дизайнеров и работников препресс – всех, кто связан с задачами представления графическ...
AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеоку ...AngularJSD3.js. Векторная графика в одностраничных Web-приложениях. Видеоку ...
Курс предназначен для продвинутых javascript-программистов, желающих получить новые знания в области работы с векторной графикой SVG в браузерах, используя, де факто, современный стандарт - библиотеку D3.js.