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

Автор (режиссер): LoftSchool
Жанр: web

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

Я прекрасно понимаю, что каждый день на просторах интернета можно найти много нового, полезного и интересного, и я взял на себя смелость проверить за вас, убедиться, что действительно важно, применимо и будет использоваться в ваших проектах. Этим курсом я хочу подарить вам возможность прикоснуться к сокровищам IT-мира! (преподаватель о своем курсе)

Продолжительность: 67:07:13
Качество видео: PCRec

Видео: AVC/H.264, 1280x720, ~442-668 Kbps
Аудио: AAC, 2 ch, 235 Kbps

1. Настройка рабочей среды

Боевое крещение новобранцев
Знакомство с наставниками и одногруппниками
Знакомимся с Slack и платформой обучения
Подготовка рабочего окружения
Выбор и настройка редакторов кода: Sublime text, Atom, Brackets
Настройка и базовые принципы работы в терминале
Тонкие настройки и особенности работы PhpStorm/WebStorm
Полезные инструменты для повышения продуктивности
Как оставаться здоровым, работоспособным и эффективным
Планирование, постановка задач и достижение целей

2. Workflow
Workflow #2

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

Просмотр доступен только для зарегистрированных пользователей

Скриншоты:

Время раздачи: 24/7 (до появления первых 3-5 скачавших)

utygoed ver0002 писал(а):

На отлично знать и применять JavaScript - это абсолютно реально каждому разработчику, не такой уж это сложный язык.

ECMA это не сложный язык??? Ну после таких слов смысл что то писать)))Можешь ответить на один вопрос, так лично для меня , чтобы я грубо прикинул какой у тебя уровень владения Javascript!
В чем различия между замыканием и каррированием?

maroderwrt писал(а):

ECMA это не сложный язык??? Ну после таких слов смысл что то писать)))Можешь ответить на один вопрос, так лично для меня , чтобы я грубо прикинул какой у тебя уровень владения Javascript!
В чем различия между замыканием и каррированием?

JavaScript сложный? Хахаха)))) Держите меня семеро!! Дружище, ты сделал мой день! Спасибо тебе!

Зачем мне тебе на вопросы отвечать? Я же могу просто погуглить и написать ответ))) И ты поверишь? :смех:

utygoed ver0002 писал(а):

Зачем мне тебе на вопросы отвечать? Я же могу просто погуглить и написать ответ))) И ты поверишь? :смех:

Ну так загугли!!! Или он тебе не помог?)) И ты наверное еще считаешь что все в JS объекты?))

maroderwrt писал(а):

Ну так загугли!!! Или он тебе не помог?)) И ты наверное еще считаешь что все в JS объекты?))

Давай сделаем так. Ты мне на вебмани закинешь 1000 рублей, а я тебе загуглю. Договорились?

utygoed ver0002 писал(а):

Давай сделаем так. Ты мне на вебмани закинешь 1000 рублей, а я тебе загуглю. Договорились?

В таких тонкостях даже гугл не поможет!
Ну в принципе этим все и сказано))Ты даже основы не знаешь , а размышляешь о том какой это легкий язык!!!!

maroderwrt писал(а):

В таких тонкостях даже гугл не поможет!
Ну в принципе этим все и сказано))Ты даже основы не знаешь , а размышляешь о том какой это легкий язык!!!!

Вот скажи честно, на что ты рассчитывал? Что разведешь меня на слабо и я буду тебе что-то доказывать? Спорить с тобой? Только есть одна проблема - мне глубоко все равно, что ты будешь думать. Я тебе даже помогу:

utygoed ver0002 не знает даже основ!!!111

Распечатай себе это и повесь на самое видное место :смех:

utygoed ver0002 писал(а):

Вот скажи честно, на что ты рассчитывал? Что разведешь меня на слабо и я буду тебе что-то доказывать? Спорить с тобой? Только есть одна проблема - мне глубоко все равно, что ты будешь думать. Я тебе даже помогу:

utygoed ver0002 не знает даже основ!!!111

Распечатай себе это и повесь на самое видное место :смех:

Да не на что я не рассчитывал! Я задал тебе вопрос для того чтобы понять , а понимание то у тебя есть о том что ты говоришь или нет! Ну и для себя сделал соответствующий вывод! Вот и всё что я хотел узнать!Скорее всего твои знания ограничиваются библиотекой jQuery и написанием простеньких скриптов на подобие "hello world"! Ну тогда конечно для такого уровня JS кажется легким!

maroderwrt писал(а):

В таких тонкостях даже гугл не поможет!

Нет, ну правда, что с тобой? Я аж повелся, думал и правда - гугл не знает! На твои "очень сложные" вопросы есть ответы в первой ссылке от гугла.
Ссылки не буду давать, т.к. уже два раза банили - лень новый акк создавать. Просто введи такие запросы в гугл:

javascript is everything an object
javascript currying closure

Да как так та, a? В первой же ссылке есть ответ! Какой же сложный этот JavaScript! Какие каверзные вопросы! В общем, нуб ты полнейший, дружище. Хоть гуглом научись пользоваться. Бывай!

Ребята хорошо флудить, давайте жить дружно, мы тут собрались мнениями меняться по поводу курсов, а вы тут развели непонятно что.
Программирование это вообще не так просто как кажется, и JS тут не при чем, это частности. Даже русский язык не так прост как кажется и не все им владеют досконально. Поэтому прекратите спорить

maroderwrt писал(а):

utygoed ver0002 писал(а):

maroderwrt писал(а):

В таких тонкостях даже гугл не поможет!

Нет, ну правда, что с тобой? Я аж повелся, думал и правда - гугл не знает! На твои "очень сложные" вопросы есть ответы в первой ссылке от гугла.
Ссылки не буду давать, т.к. уже два раза банили - лень новый акк создавать. Просто введи такие запросы в гугл:

javascript is everything an object
javascript currying closure

Да как так та, a? В первой же ссылке есть ответ! Какой же сложный этот JavaScript! Какие каверзные вопросы! В общем, нуб ты полнейший, дружище. Хоть гуглом научись пользоваться. Бывай!

Так вот кто нуб то это еще вопрос))) После твоих запросов в гугле несложно понять это!!! Ну если ты действительно считаешь что все в js объекты , ну туда тебе и дорога))) null, undefined, примитивы все это объекты)))))
те. если let x = 1(раз все объекты , значит я могу добавить свойство);x.name = "Petya"; alert(x.name); в алерте выведется Петя??? Открой консоль и посмотри что выведет алерт!ну у тебя и знания в js)))Все таки я в точку попал , когда говорил о твоих знаниях.Ты не один из преподов из Лофтскул?))
а про твой запрос о каррировании я ваще молчу))))) так давно я не смеялся!!!!Да уж в Росси дураков лет на сто припасено!!!!! И тебе не хворать!

maroderwrt
У примитивов есть методы это раз. Два, можно создать примитив через обертку и тогда без проблем можно добавить свойство, а в свойство __ptoto__ будет указывать на примитив. Так что хватит ваших сказок про ваше глубокое познание языка.

RoboBobo писал(а):

maroderwrt
У примитивов есть методы это раз. Два, можно создать примитив через обертку и тогда без проблем можно добавить свойство, а в свойство __ptoto__ будет указывать на примитив. Так что хватит ваших сказок про ваше глубокое познание языка.

Так неуч ты мой дорогой!!!
РАЗ : Вести себя как объект (иметь методы) и быть объектом - две разные вещи!!!
ДВА : Ты не примитив создаешь через обертку а ОБЪЕКТ,которому конечно можно задать свойство и методы!!!!typeof num вернет у тебя объект а не number!
ТРИ : Учи мат часть двоечник!

Если я не ошибаюсь, примитив временно переводится в объект и над ним проводиться нужное вычисление ,а потом возвр. результат и объект удаляется.

angangell писал(а):

Если я не ошибаюсь, примитив временно переводится в объект и над ним проводиться нужное вычисление ,а потом возвр. результат и объект удаляется.

Ну если грубо сказать то ДА!!! Просто так устроен интерпретатор! но примитив записанный литералами сам по себе не является объектом,но есть у него возможность подтягивать из прототипа методы!Это тоже самое что называть arguments(который имеет только индексацию и длину) массивом, хотя конечно всегда можно позаимствовать любой метод из array и т.д.

Добавлено спустя 19 минут 53 секунды:

Вообще когда интерпретатор видит
let string = 'hello'; он у себя в виртуальной памяти создает let tmp = new String(string)
а когда ребята двоечники хотят присвоить им свойство или метод то происходит следующее:
string.n = 30;
Интерпретатор создает:
let tmp = new String (string);
tmp.n= 30;
delete tmp
И тут же удаляет из своей памяти
И когда начинают обращаться к string.n то у них возвращается еще один объект))))(как они думают) undefined!!! Крайне плохая практика "создавать" примитивы через конструктор

Добавлено спустя 35 минут 43 секунды:

Господа те , кто еще хочет глупость писать!
Прислушайтесь хоть к дедушке Дугласу Крокфорду!
"В javascript все ведет себя как объект"
А не к сумашедшему изречению "В javascript все объекты", как говорится почувствуй разницу
Придя на трудоустройство с таким лозунгом что все в js объекты ваше собеседование продлится пару секунд!

Мужики, давайте обменяетесь соцсетями и там будете выяснять отношения.