WELCOME

TO HELL

Rolling Scopes School

Maria Putyrskaya

  • Senior Software Engineer in Epam
  • 6+ years of experience in Frontend
  • 4 years in education
  • and yes, I don't have technical degree

Чему мы будем учить?

Pixel Perfect

Колонки

Каркас

Шрифты

Responsive

Колонки

Поток

Позиционирование

Валидность

CSS3

HTML5

Семантика

Photoshop

Графика

Sprites

Кроссбраузерность

Формы

Селекторы

Display

DOM

Scope

Design Patterns

jQuery

Objects

HTTP

AJAX

Prototypes

Arrays

Animation

ES6

ESLint

Angular

Webpack

Dev Tools

Node.js

Modules

Events

Functions

Программа

  • HTML & CSS Basics
  • HTML Day II. Box model
  • CSS Recipes
  • CSS Workshop (Layout)
  • Responsive Web Design
  • Workshop: HTML Forms. Images
  • User Experience Best Practices 
  • CSS Q&A Session (Final Task)

Программа

  • JavaScript overview
  • Functions and Scope
    • Scope
    • Functions. Part I
  • Functions. Part II
  • Inheritance in JavaScript.
  • Data Structures. Workshop.
  • Use Strict. Object.*. ES6 Classes
  • Array.prototype.*
  • DOM
  • DOM Events
  • Event loop. Animations
    • Event Loop
    • Animations
  • jQuery. Part I
  • jQuery. Part II
  • Modules in JS
  • HTTP
  • Ajax & Promises
  • Chrome Dev Tools
  • ES6. Project Structure. Assets management
  • Software-Development-Process
  • Design Patterns
  • Webpack

Программа

  • Разбор домашек. WebSocket Challenge.
    • What is websocket?
    • Websocket API
    • Typed arrays
    • Сompetition Slides
  • ESLint. Yeoman.
    • ESLint, JSCS, Style guide
    • Yeoman and WebApp Generator in depth
  • Lecture: Testing JavaScript Applications - Slides
  • Workshop: Testing JavaScript Applications.
  • Iterator implementation.
  • AngularJS Basics - All Slides
  • AngularJS. IoC
  • AngularJS. Directives
  • AngularJS. Routing. Promises. Other features (filters, decorators, $http, $resource)
  • AngularJS. Tests
  • Brush-up
  • Node.js

Практика?

Позиционирование

Каркасы и колонки

Макет

Responsive

Графика. Pixel Perfect. Forms & Widgets

Final

Как мы будем учить?

Тренеры

  • Деканы "факультетов" 

  • Лекторы

  • Ассистенты и менторы

Система оценок: 

  • Mаксимально общие критерии 

  • Коэффициенты сложности

  • Работа на занятиях

  • Deadline

  • Итоговый рейтинг

Проверка: 

  • Обязательные критерии 

  • Индивидуальные комментарии к каждому заданию

  • Анализ типичных ошибок

Общение

  • Вопросы на лекциях 

  • Gitter: questions, padawans + группы факультетов 

Вопросы?

Спасибо :)

Rolling Scopes: HTML & CSS

By Maria Putyrskaya

Rolling Scopes: HTML & CSS

  • 1,530