Ninja

Матрица поддержки браузера Ожидания и потребности целевой аудитории Доля браузера на рынке Затраты труда на поддержку браузера  

Angular

app/app.component.ts – It is the root component of what will become a tree of nested components as the application evolves. app/app.module.ts – the root module that tells Angular how to assemble the application. main.ts – The recommended place to bootstrap a JIT-compiled browser application is in a separate file in the src folder named src/main.ts quickstart   git clone https://github.com/angular/quickstart.git […]

Событие on

$(‘#селектор’).on(‘событие мыши’, селектор, данные(литерал объекта), имя функции); var linkVar = {message: ‘linkVar text’}; var pVar = {message: ‘pVar text’}; function showMessage (evt) { alert(evt.data.message); } $(‘a’).on(‘mouseover’, linkVar, showMessage); $(‘p’).on(‘click’, pVar, showMessage); //несколько имен событий $(document).on(‘click keypress’, function() { $(‘#lightbox’).hide(); }); //передача объектной константы $(‘#theElement’).on({ ‘click’ : function() { //some action }, ‘mouseover’ : function() { […]

События мыши

События мыши click, dblclick, mousedown, mouseup, mouseover, mouseout, mousemove События документа/окна load, resize, scroll, unload События форм submit, reset, change, focus, blur События клавиатуры keypress, keydown, keyup Использование событий $(‘a’).click(function() {});  Ожидание загрузки HTML-кода $(function() {})// сокращенная запись $(document).ready(function() {}) ready() – ожидание загрузки HTML-кода, без ожидания загрузки изображений и роликов альтернатива – размещение скрипта […]

Селекторы

Селекторы http://api.jquery.com/category/selectors/ $(‘#id’); $(‘.class’); $(‘#id .class’); $(‘parent > child’); $(‘tag + tag’); $(‘tag[attribute]’); $(‘tag[attribute=”value”]’); $(‘tag[attribute^=”value”]’); $(‘tag[attribute*=”value”]’); $(‘tag[attribute&=”value”]’); $(‘tag:even’); возвращает 0-2-4 элементы выборки $(‘tag:odd’); возвращает 1-3-5 элементы выборки $(‘tag:first’); $(‘tag:last’); $(‘tag:not(element)’); без класса element $(‘tag:has(element)’); выбирает tag имеющий element $(‘tag:contains(content)’); $(‘tag:hidden’); если не установлен visibility: invisible; $(‘tag:visible’); Выборка элементов jQuery отличается от традиционной выборки getElementByTagName() или […]

Gulp

Gulp http://habrahabr.ru/post/250569/ – приятная сборка front-end http://habrahabr.ru/post/259225/ – ловим ошибки правильно New projects npm init npm install –save-dev gulp-plumber – ошибки npm install –save-dev gulp-autoprefixer npm install –save-dev gulp-minify-css npm install –save-dev browser-sync npm install –save-dev gulp-imagemin npm install –save imagemin-pngquant npm install –save-dev gulp-uglify npm install gulp-sass –save-dev npm install –save-dev gulp-rigger – include //= footer.html npm install –save-dev gulp-watch npm install rimraf npm install -g bower bower init чат в админке WP source map – размер файла  

MCS 1 Урок

Программа урока от гуру JS Антона Шувалова (moscoding.ru)   — Знакомство с языком и история создания (статья откровение –комментарии от создателя) — Место JavaScript среди других ЯП и зачем его надо изучать — Консоль/REPL — самый простой способ попробовать язык (Как запустить консоль в браузере) — Синтаксис и грамматика JavaScript — Типы данных и операторы Лучший учебник […]