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

30.03.2017
Оценка:
1 Star2 Stars3 Stars4 Stars5 Stars

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 – огромное сообщество единомышленников, где регулярно появляются проекты, заказы, вакансии и многое другое
  • Анкетирование на дальнейшее трудоустройство и стажировки в компаниях – партнёрах
  • Привилегии выпускников

Автор поста: kirya2552

Похожие записи

Дата Название Комментарии Просмотры
20.03.2017 Обучающий видеокурс по Visual Composer [2017]
1 Star2 Stars3 Stars4 Stars5 Stars
0 566
14.06.2017 Скачать PHP и MySQL с Нуля до Гуру 2.0 – Михаил Русаков (2017)
1 Star2 Stars3 Stars4 Stars5 Stars
0 1168
30.03.2017 Фреймворк Bootstrap практика адаптивной верстки от А до Я
1 Star2 Stars3 Stars4 Stars5 Stars
0 721
19.04.2017 Скачать Молниеносное создание трафикового сайта для заработка за 1 день
1 Star2 Stars3 Stars4 Stars5 Stars
3 816
17.11.2016 Технические секреты оформления групп Вконтакте (2016)
1 Star2 Stars3 Stars4 Stars5 Stars
0 601

Ответить

Ваш e-mail не будет опубликован.