Skip to content

Instantly share code, notes, and snippets.

View Sha1fei's full-sized avatar

Valentin Zadorozhniy Sha1fei

4 followers · 0 following
  • Tomsk
View GitHub Profile
@Sha1fei
Sha1fei / font-mixins.less
Created December 14, 2017 04:06 — forked from ncer/font-mixins.less
Font Mixins / Миксины для разных шрифтовых начертаний
// Font variables
@reserveFonts: sans-serif;
@fontPrimary: 'Roboto Condensed', @reserveFonts;
// Font mixins
.font-primary() {
font-family: @fontPrimary;
font-weight: normal;
@Sha1fei
Sha1fei / device.css
Created December 14, 2017 04:07 — forked from ncer/device.css
Quick css hacks to target android/ios
.visible-android {
display:none;
}
.visible-ios {
display:none;
}
.on-device .visible-android, .on-device .visible-android {
display:inherit;
}
.device-ios .visible-android {
@Sha1fei
Sha1fei / build-html.md
Created December 14, 2017 04:09 — forked from ncer/build-html.md
Этапы верстки
@Sha1fei
Sha1fei / web-components-intro.md
Created December 14, 2017 04:09 — forked from ncer/web-components-intro.md
Web Components 1. Введение

Web Components 1. Введение

Веб-компоненты - набор технологий, задача которых позволить нам создавать повторно используемые HTML элементы.

В HTML5 есть ряд элементов, которые являются нечто большим, чем просто теги. Например, <audio> - это целый компонент, который в браузере превращается в набор логики и контролов (play/pause/stop/progressbar). Идея веб-компонентов - дать возможность создавать свои теги, которые в браузере будут превращаться в кусок DOM со своей логикой и структурой. В разметке пишем просто тег, в барузере отрисовывается целый компонент.

Предпосылки возникновения веб-компонентов

Слабая семантика (div soup)

@Sha1fei
Sha1fei / js-pattterns-dom.md
Created December 14, 2017 04:09
JS Шаблоны 5. Работа с DOM

JS Шаблоны 5. Работа с DOM

Содержание

  • Шаблоны и антишаблоны работы с DOM
  • Сценарии, работающие продолжительное время
  • Развертывание готовых сценариев

Рассмотрим, как правильно замерять производительность веб-приложений и какие ошибки часто допускают новички при работе с DOM.

@Sha1fei
Sha1fei / js-advanced-1-constructors-&-prototypes.md
Created December 14, 2017 04:09 — forked from ncer/js-advanced-1-constructors-&-prototypes.md
JS Advanced 1. Конструкторы и прототипы

JS Advanced 1. Конструкторы и прототипы

Содержание

  • Конструкторы
  • Создание пользовательских конструкторов, ключевое слово this
  • Прототипы
  • Конструктор Object и его методы
  • Техники ООП: инкапсуляция, наследование, полиморфизм

В ходе урока рассматриваются:

@Sha1fei
Sha1fei / js-patterns-4.md
Created December 14, 2017 04:11
JS Шаблоны 4. Шаблоны проектирования

JS Шаблоны 4. Шаблоны проектирования

Содержание

  • Singleton
  • Factory
  • Iterator
  • Strategy
  • Facade
  • Proxy
@Sha1fei
Sha1fei / js-pattrens-literals-&-constructors.md
Created December 14, 2017 04:11
JS Шаблоны 01. Литералы и конструкторы.

JavaScript Шаблоны. Литералы и конструкторы.

Содержание

  • Литералы объектов
  • Пользовательские конструкторы
  • Литералы массивов
  • Работа с простыми типами данных

Шаблон - это повторяемая архитектурная конструкция, представляющая собой решение проблемы проектирования в рамках некоторого часто повторяющегося контекста. https://en.wikipedia.org/wiki/Pattern

@Sha1fei
Sha1fei / LoftBlog - Шаблоны вызова функции и this.js
Created December 14, 2017 04:12 — forked from ncer/LoftBlog - Шаблоны вызова функции и this.js
https://repl.it/D9QA/14 created by ncer
/*
Стенограмма видео https://www.youtube.com/watch?v=xydnbUZqzto
В яваскрипте функции имеют такую особенность, как различные способы вызова.
После вызова функции, она получает 2 доп параметра:
- Ключевое слово this
- Псевдомассив arguments
Всего есть 4 шаблона (паттерна) вызова функций:
@Sha1fei
Sha1fei / js-patterns-functions.md
Created December 14, 2017 04:12
JS Шаблоны. Функции.

JS Шаблоны. Функции

Содержание

  • Терминология
  • Функции обратного вызова
  • Самоопределяемые функции
  • Немедленно вызываемые функции
  • Замыкание
  • Мемоизация