Складчина [loftschool] продвинутый курс по веб-разработке (2016)

Арестант
Арестант
Залетный
Сообщения
7
Симпатии
0
Баллы
1
#1

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




Учебная программа:

1. Настройка рабочей среды
  • Боевое крещение новобранцев
  • Знакомство с наставниками и одногруппниками
  • Знакомимся с Slack и платформой обучения
  • Подготовка рабочего окружения
  • Выбор и настройка редакторов кода: Sublime text, Atom, Brackets
  • Настройка и базовые принципы работы в терминале
  • Тонкие настройки и особенности работы PhpStorm/WebStorm
  • Полезные инструменты для повышения продуктивности
  • Как оставаться здоровым, работоспособным и эффективным
  • Планирование, постановка задач и достижение целей
2. 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)
Workflow #3
  • Принцип работы PostCss
  • PostCSS + Gulp
  • Организация необходимого набора плагинов( Autoprefixer, Postcss-nested, Postcss-short, Postcss-assets, Postcss-sorting)
  • Stylelint + Reporter
3. Вёрстка
Вёрстка #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 контента
Вёрстка #6
  • Простая техника параллакс
  • Параллакс бэкграунд
  • Параллакс скроллинг
  • Сложные анимации
4. 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
  • Переменные для разных областей видимости
  • Шаблонные строки
  • Функции с передачей контекста
  • Классы
  • Деструктуризация
5. Node.js
Node.js #1
  • Настройка окружения для разработки и отладки
  • Работа со встроенными модулями и создание собственных
  • Важные приёмы при работе с npm
  • Потоки и асинхронность
  • Веб-сервер на node.js
Node.js #2
  • Работа с базами данных
  • Связка Node.js + Mongo.db и её особенности
  • Работа с MongoDB в связке с Mongoose
  • Сессии в Node.js
6. PHP
PHP #1
  • Настройка сервера Apache
  • Основы языка программирования PHP
  • Работа с функциями
  • Встроенные возможности языка
  • Работа с файлами
  • Работа с данными: JSON, XML, CSV, ini-файлами
PHP #2
  • Работа с сессиями
  • Работа с базой данных MySQL
  • Безопасность
  • Знакомство с РНРStorm
  • Пакетный менеджер Composer и Packagist
  • Работа со сторонними библиотеками
  • Работа с изображениями
  • Шаблонизатор Twig
7. Командная разработка
  • Системы менеджмента кода
  • Тонкая настройка git
  • Работа с git в консоли
  • Переходы по веткам, теги
  • Git Bash
  • Git GUI, SourseTree
  • Работа с ветками
  • Анализ и разрешение конфликтов
  • GitHub коллабарации
8. Работа с интерактивными элементами страницы
  • Частые проблемы с дропдаунами
  • Перекрытия элементов
  • Абсолютное центрование
  • Практическое использование кастомных примесей
  • Работа с очередью анимаций
  • Рекурсивные анимации с параметрами и без
  • Частые проблемы с формированием лейаута
  • Wow.js под капотом
9. Работа с API
  • Что такое API?
  • Как устроено API?
  • Что такое Curl?
  • Работа с API Вконтакте
  • Работа с API Yandex
  • Подводные камни API
10. Устройство на работу
  • Подготовка к прохождению собеседования: что нужно уметь, прежде чем устроиться в хорошую компанию
  • Виды собеседований и особенности каждого
  • Какие вопросы чаще всего задают на собеседованиях (для backend и frontend разработчика)
  • Стратегия работы на фрилансе
  • Какие подводные камни могут вас подстерегать при работе на фрилансе
  • Стратегия ведения проектов
  • Как правильно искать клиентов
11. Работа с CMS
  • Какие бывают CMS и почему именно MODx?
  • Установка и первоначальная настройка
  • Обзор популярных компонентов
  • Работа с ресурсами и шаблонами
  • Работа c чанками, сниппетами и TV
  • Практика работы с MODx
12. Закрытие курса
  • Выдача дипломов
  • Выпускники попадают в закрытый чат всех учеников Loftschool - огромное сообщество единомышленников, где регулярно появляются проекты, заказы, вакансии и многое другое
  • Анкетирование на дальнейшее трудоустройство и стажировки в компаниях - партнёрах
  • Привилегии выпускников
Продажник:

Для просмотра содержимого вам необходимо авторизоваться или зарегистрироваться.

 
Вверх