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

Тема в разделе "Сайтостроение и веб-дизайн", создана пользователем Moony, 22 дек 2016.

  1. Moony

    Moony Active Member

    Сообщения:
    1.640
    Репутация:
    108
    Продвинутый курс по веб-разработке
    [​IMG]
    Автор: loftschool
    Год: 2016
    Формат: mp4, pdf, psd, svg


    Курс рассчитан на веб-разработчиков с опытом от 1 года или на тех, кто уже прошел наш курс «Веб-разработка для начинающих».
    На этом курсе вы погрузитесь в серверный Javascript: Node.js, Express.js, Mongo.db; освоите лучшие практики автоматизации и прокачки workflow: Gulp, Sass, Pug; окунётесь в мир svg, анимаций и параллакс-эффектов.

    Мы поможем вам получить полноценные структурированные знания, которые вы закрепите на практике, в условиях максимально приближенных к разработке в современной IT-компании.

    Чему вы научитесь, пройдя курс:

    • Освоите workflow, как в Google и Facebook

      Веб-разработка, пожалуй, одна из самых быстро развивающихся IT-отраслей в мире. То, как было актуально писать код еще год назад, сегодня уже безнадёжно устаревший подход. На курсе мы покажем workflow, который используют прямо сейчас лучшие программисты Кремниевой Долины.

    • Модульная архитектура

      Количество JavaScript кода на современном сайте уже несколько лет как переваливает за 70%-80% от общего объема кода. Особенно с приходом серверного JavaScript — node.js. Вы научитесь планировать, создавать и масштабировать свой код. Вы также на практике освоите самые востребованные паттерны кодирования и проектирования.

    • «Full stack» разработка

      Забудьте про разделение на специализации. Современный Javascript-разработчик должен уметь писать и понимать веб-приложения целиком: от сервера, до клиента. В LoftSchool студенты шаг за шагом погружаются в тему: от самых передовых решений на фронтенде, до наиболее надёжных и быстрых технологий на бекенде.

    • Уверенно использовать серверный JavaScript

      Node.js — одна из наиболее востребованных технологий на сегодняшний день. MongoDB — самая популярная NoSQL документ-ориентированная СУБД. Изучив и применив на практике обе эти технологии, ваше отношение к backend-разработке изменится навсегда.

    • Программировать веб-приложения, а не просто сайты

      Требования к сайтам стали жестче, чем когда бы то ни было. Сейчас, это не просто красивые странички с классными визуальными эффектами. Сегодня сайт - это полноценное веб-приложение, которое молниеносно загружается и потрясающе выглядит на любом устройстве: смартфоне, планшете и даже на телевизоре.

    • Настройка Linux на VDS хостинге

      То, что раньше умели делать только профессиональные системные администраторы, сегодня становится обыденным делом для разработчика на Node.js. На курсе вы «от и до» настроите свой собственный VDS-сервер и добавите ещё один мощный скилл в копилку своих знаний.

    • Параллакс-эффекты и CSS3-анимации

      Современный сайт должен быть не просто быстрым и технологичным, но и, конечно же, красивым. Разумеется, все мы с вами привыкли к минималистичным и аккуратным Github, ВКонтакте и пр. Однако, на некоторых промо-проектах нам просто необходимо раскрасить сайт, наполнить его «жизнью» и сногсшибательными эффектами! В Loftschool вы научитесь всему необходимому для этого. Просто взгляните на проект, который мы будем делать и вы всё поймёте.

    • Передовые технологии в JavaScript

      Разумеется, большой упор в обучении будет сделан на то, что называют «лучшие практики». Как и на прочих курсах в LoftSchool мы пройдёмся по всем темам, необходимым для качественного выполнения выпускного проекта: от jquery до промисов и паттернов. Однако мы не могли обойти стороной и ES6, который детально будет разобран на курсе.


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

    • Неделя 1 - Workflow
      Workflow #1 - "Подготовка рабочего окружения"
      • Знакомство с преподавателями, наставниками, и одногруппниками
      • Slack и платформа обучения
      • Подготовка рабочего окружения
      • Sublime text и WebStorm - профессиональная настройка
      • Полезные инструменты для повышения продуктивности
      • Как оставаться здоровым, работоспособным и эффективным
      • Планирование, постановка задач и достижение целей

      Workflow #2 - "Terminal, Git, SSH, модули в node.js, npm"
      • Терминал - полное и исчерпывающее руководство
      • Консольные текстовые редакторы
      • Git - эффективно решаем самые распространённые задачи
      • Github, Github pages
      • SSH - настройка аутентификации по ключам
      • Node.js - работа с CommonJS модулями
      • Npm - максимально глубокое погружение и лучшие практики использования
      • Bower vs Npm для frontend-разработки

      Workflow #3 - "Gulp.js для профессионалов"
      • Gulp, Grunt, webpack - в чем разница?
      • Gulp 4 и gulp-cli - главные нововведения
      • Параллельное и последовательное выполнение задач в Gulp (Series и Parallel)
      • Gulp-load-plugins, browser-synс и ещё 15 самых востребованных плагинов для Gulp
      • Разбиение gulpfile.js на модули и их корректный вызов
      • Корректная настройка вотчера и локального сервера с кроссбраузерным тестированием
      • Пишем с нуля, по шагам свою собственную сборку на Gulp

    • Неделя 2 - Вёрстка и SVG
    • SVG - "Работа с векторной графикой"
      • Работа с геометрическими примитивами
      • Градиенты и фильтры
      • Анимация SVG на CSS
      • ViewBox
      • Работа с svg иконмаи и способ их подключения
      • Графический редактор Inkscape
      • Highcharts — библиотека для создания чартов
      • Анимации, масштабирование трансформации векторных объектов с помощью библиотеки Snap.svg
      Вёрстка #1 - "Pug и БЭМ-нейминг"
      • Pug - препроцессор HTML и шаблонизатор
      • Использование алгоритмической структуры Pug
      • Написание собственных примесей
      • Построение универсального шаблона
      • БЭМ-нейминг
      • Организация файловой структуры проекта
      • Рендеринг данных из JSON
      Вёрстка #2 - "Препроцессор - SASS/SCSS"
      • Препроцессор - SASS/SCSS
      • Циклы, условия, переменные SASS
      • Необходимые в работе функции SASS
      • Автоматизация сборки спрайтов средствами Spritesmith

    • Неделя 3 - Вёрстка и Анимации
      Вёрстка #3 - "Адаптивная вёрстка"
      • Адаптивная вёрстка
      • Настройка картинок для адаптивной вёрстки
      • Адаптация картинок под ретина-дисплеи
      • Адаптив или Респонсив. В чем разница
      • Медиазапросы
      • Библиотека Singularity.gs и Breakpoints SASS. Для вёрстки респонсив сайтов
      Вёрстка #4 - "Flexbox"
      • Модуль CSS - Flexbox
      • Поведение флексбокс лэйаута
      • Управление пропорциями блоков
      • Управление порядком блоков
      • "Хитрое" выравнивание Flexbox контента
      Анимации - "3 вида параллакса и CSS3 анимации"
      • Простая техника параллакс
      • Параллакс бэкграунд
      • Параллакс скроллинг
      • CSS3 анимации

    • Неделя 4 - Клиентский JavaScript
      Javascript #1- "Ajax, промисы и модули"
      • Работа с ajax
      • Асинхронность в js
      • Промисы как способ организации асинхронного кода
      • Паттерн модуль
      Javascript #2 - "jQuery"
      • Работа с jQuery
      • Cобытия и их обработка
      • Корректная работа с DOM
      • Deffered object - реализация в jQuery
      Javascript #3 - “ES6”
      • Версии ECMAScript
      • ES-2015 сейчас
      • Трансляция ES6 через Babel.JS
      • Переменные для разных областей видимости
      • Шаблонные строки
      • Функции с передачей контекста
      • Классы
      • Деструктуризация

    • Неделя 5 - Серверный JavaScript
      Node.js #1 - "Погружение в серверный javascript"
      • Что такое Node.js и ее цикл событий
      • Callbacks
      • Работа с файловой системой в Node.js
      • Отладка node.js приложений в Webstorm/Phpstorm
      • Создаем свой веб-сервер на Node.js
      Node.js #2 - "Mongo.db и Mongoose"
      • Работа с базами данных
      • Что такое Mongo.db
      • Работа с Mongo.db в Node.js
      • Mongoose - ORM для Mongo.db
      Node.js #3 - "Express, Socket.io и Passport.js"
      • Работа с Express 4.0 (базовые возможности)
      • Socket.io (кроссбраузерная поддержка websockets)
      • Аутентификация с Passport.js
      • + бонусный модуль: “Работа с VDS хостингом”

    Примечание: во втором уроке вместо видео - белый экран.

    Сайт/Скачать:

    Отзывы:
    Пока нет.
     
Загрузка...

Поделиться этой страницей