Новый курс от Школы разработки интерфейсов

Автор: | Дата:

Добрый день, это будет пост будет полностью образовательным.  Новый курс от Школы разработки интерфейсов — это курс от Дениса Чистякова, который руководит группой разработки интерфейсов. Рекомендую данный материал для новичков, которые хотят изучить принципы разработки интерфейсов и верстки.

Теория от Школы разработки интерфейсов

В данном цикле статей, будет только теоретический материал. Практика проходится в Яндексе в очном режиме.  Нам пока, потребуется только теория. Вы ведь «новичок»? Если нет — я думаю, нового вы хоть и почерпнете, но крайне мало. Но материал, действительно шикарный!

Новый курс от Школы разработки интерфейсовСтруктура курса Школы разработки интерфейсов

В данном курсе будет три тематических блока:

  1. Верстка: CSS и HTML
  2. JavaScript
  3. Оптимизация и деплой

За курс вы получите необходимую базу и каждый блок нужно проходить обязательно. Рекомендую после лекции, пробовать все делать на практике.

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

HTML и CSS

HTML и CSS — это основа работы над любым проектом и поэтому мы начнем именно с этих двух технологий. Без них — никуда. Поэтому приступаем. Будет 9 лекций, которые важны при верстке макетов ваших проектов.

Список:

  1. История создания HTML и базовые теги
  2. Вводная лекция о CSS: оформляем нашу верстку
  3. Лекция о способах выборки элементов дерева документа и применение к ним CSS
  4. Лекция о потоке отображения страницы в браузере
  5. Лекция о порядке вывода элементов дерева
  6. Лекция о правилах расположения элементов дерева
  7. Основы Photoshop: инструмент для макетирования
  8. Все о верстке БЭМ: методология, которая зародилась в Яндексе. Почему Яндекс пришел к данному методу и почему это просто
  9. Все о системе контроля версий:  польза Git для крупных проектов

 

JavaScript

Более детальные уроки, буду публиковать немного позже и в полном объеме. В данном блоке докладчики постараются рассказать о преимуществах, возможностях JavaScript. Как при помощи JS можно сделать живые интерактивные страницы, которые будут не статические, а динамические.

Список:

  1. Лекция о том, зачем человечество создало столько языков программирования и почему не хватает С
  2. Лекция об основных возможностях JavaScript
  3. Лекция о способах доставки данных на страницу
  4. Событийная модель JS, а так же принципы обработки событий браузерами
  5. Лекция о серверном JS и почему он так хорош для фронтэнд-сервера
  6. Лекция о работе с объектным деревом документа и о JQuery
  7. Лекция о шаблонизаторах и плюсах и минусах данных решений
  8. Лекция о фреймворке Яндекс i-bem.js
  9. Лекция о принципах работы протокола HTML и о том, как проектируются веб-сервисы

 

Оптимизация и деплой

Порой выкачивание ваших изменений на продакшн сервера, в купе с профилированием, оптимизацией и другими видами тестирования — занимают 80% времени.

Список:

  1. Лекция о процессе разработки сервиса в Яндексе и как этот опыт можно использовать в других проектах
  2. Лекция о всевозможных видах тестирования: ручное, регрессионное, автоматизированное, юнит-тесты и многое другое.
  3. Лекция «Что происходит, когда я нажимаю ENTER в адресной строке браузера?»
  4. Лекция о регулярных выражениях
  5. Лекция о Code Review,  самый эффективный способ улучшения вашего кода и приведение его к порядку.

 

Если будут, какие то изменения — страница будет обновляться. О том, что появилась новая ссылка, вы можете узнать с главной страницы или же проверять периодически данную страницу.

На этом всего хорошего. Я надеюсь, данные уроки помогут вам также, как и мне. Начинаем обучение!