5.30.2016

Подборка интересного из мира Front-End за год(2015-2016) и не только

Я имею такую практику, что когда нахожу что-то интересное или полезное для себя в области программирования то сохраняю ссылку на материалы у себя на стене в вк.

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

Добро пожаловать ...

AngularJS для новичка:
https://www.youtube.com/watch?v=RBXGOK6hLMg
Работа с базами данных MySQL
https://www.youtube.com/watch?v=8c9ZMeiwoS4&list=PL5KGx5_ykLX8NrmlQTutJ__TH7pnC4qXB
Учебник по информатике:
https://www.youtube.com/watch?v=lnFeG4DOMcE&list=PL66kIi3dt8A5sa_qBur8uxmtuuwuJQGS1
Руководства по NodeJS
http://nodeguide.ru/doc/
Crazy Russian compiler engineer that talks.
http://mrale.ph/
WebSokets
https://habrahabr.ru/post/79038/
Microsoft JScript Compiler
http://www.phpied.com/make-your-javascript-a-windows-exe/
Хорошая подборка материалов по Node.js
https://nodejs.zeef.com/julio.castillo.anselmi
Визуализация данных, SVG, D3JS
http://infogra.ru/infographics/vizualizatsiya-osnovy-chast-1-dizajnerskie-printsipy
http://infogra.ru/infographics/vizualizatsiya-osnovy-chast-2-osnovy-d3-js
https://habrahabr.ru/post/189838/
Карусели:
1. http://www.idangero.us/swiper/#.VgKjt_SpO-c
2. http://kenwheeler.github.io/slick/
3. http://owlgraphic.com/owlcarousel/demos/lazyLoad.html
4. http://dev7studios.com/caroufredsel-old/
Скроллеры:
1. http://scrollerjs.com/#playground
2. http://johnpolacek.github.io/scrollorama/
Библиотеки SVG:
1. http://www.internet-technologies.ru/articles/article_..
2. http://habrahabr.ru/post/123793/
Анимация SVG:
1. http://css-live.ru/articles/rukovodstvo-po-svg-animac..
2. http://codepen.io/noahblon/blog/an-intro-to-svg-anima..
3. http://codyhouse.co/gem/animate-svg-icons-with-css-an..
4. https://uwebdesign.ru/svg-animation/
Библиотеки SVG:
1. http://www.internet-technologies.ru/articles/article_..
2. http://habrahabr.ru/post/123793/
Анимация SVG:
1. http://css-live.ru/articles/rukovodstvo-po-svg-animac..
2. http://codepen.io/noahblon/blog/an-intro-to-svg-anima..
3. http://codyhouse.co/gem/animate-svg-icons-with-css-an..
4. https://uwebdesign.ru/svg-animation/
Nginx.
Конфигурячим и настраиваем реверс-прокси:
1. http://nginx.org/ru/docs/beginners_guide.html
2. http://devacademy.ru/posts/razbiraemsya-v-http-proksi..
3. http://nginx.org/ru/docs/http/configuring_https_serve..
4. http://webo.in/articles/habrahabr/58-nginx-reverse-pr..
5. http://rootadmin.org.ua/?p=10

Apach & Nginx
http://habrahabr.ru/post/267721/
Javascript & Nginx
http://habrahabr.ru/post/267955/
Курс «Алгоритмы и структуры данных поиска» Часть 1
https://vk.com/talalaev_mikhail?w=wall11767849_1653%2Fall

SVG animation whit d3JS
1. http://blog.visual.ly/creating-animations-and-transit..
2. https://github.com/mbostock/d3/wiki/API-Reference-(ру..

Example mootools
1. http://jsfiddle.net/SHF2M/
2. http://jsfiddle.net/SHF2M/

Достаточно интересная статья про Promise
http://habrahabr.ru/company/mailru/blog/269465/

Javascript от Monsterlessons

1-Прототипное наследование в Javascript
2-Примеси в Javascript. Функция extend.
3-Функции в Javascript
4-This в Javascript
5-Singleton паттерн в Javascript
6-Module паттерн в Javascript
7-Сборщик модулей webpack Часть 1
8-Сборщик модулей webpack Часть 2
9-Сборщик модулей webpack Разбираемся с css Часть 3
10-Сборщик модулей webpack Разбираемся с шаблонами
https://vk.com/talalaev_mikhail?w=wall11767849_1679%2Fall

1. Принципы анимации веба.
http://habrahabr.ru/company/htmlacademy/blog/255583/

2. Что дизайнеру нужно знать о SVG: за и против
http://habrahabr.ru/company/htmlacademy/blog/257039/

Немного mongodb с mongoose. как связать коллекции:
1. https://alexanderzeitler.com/articles/mongoose-refere..
2. http://metanit.com/nosql/mongodb/1.2.php
3. http://mongoosejs.com/
4. http://habrahabr.ru/post/144798/

Криптографические протоколы
https://www.youtube.com/watch?v=1EmtgmenLtI

Метод бинарного поиска
1. https://ru.wikipedia.org/wiki/Двоичный_поиск
2. http://www.weblibrary.biz/delphi/array/binary
3. http://mathhelpplanet.com/static.php?p=javascript-algoritmy-poiska

Техника создания скошенных краёв у секций, основанная на псевдоэлементах и CSS-трансформациях.
http://www.hongkiat.com/blog/skewed-edges-css/

Огромная подборка из 50 CSS инструментов, фреймворков и библиотек за 2015 год.
https://speckyboy.com/2015/12/06/css-tools-frameworks-libraries-2015/

Урок 5 HTTP запросы, параметры URL
https://vk.com/talalaev_mikhail?w=wall11767849_1705%2Fall

Material UI icons
http://www.material-ui.com/#/

CSS3 Flexbox:
1. http://html5.by/blog/flexbox/
2. http://css.yoksel.ru/flexbox/
3. http://habrahabr.ru/post/242545/
4. http://css-live.ru/articles/vizualnoe-rukovodstvo-po-..
5. https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Крутая интерактивная обучалка по Git, с фокусом на ветвление. Сделана очень круто, даёт наглядное представление о вопросе.
http://learngitbranching.js.org/

Коллекция JS-библиотек для построения графиков с сортировкой по различным критериям.
http://www.jsgraphs.com/

Виджеты
http://webix.com/ru/

SlideOut — библиотека для создания бокового выпадающего меню
Работает открытие свайпом, нету зависимостей, поддержка IE 10+, красивая анимация и легкая настройка! На наш взгляд, необходимый компонент в любой мобильной версии сайта. 
https://mango.github.io/slideout/

Тысячи крутых бесплатных иконок в 4 форматах
https://www.behance.net/gallery/30421381/2000-Free-Thousands-icons-bundle-Colored-and-wired

Taucharts — гибкая JavaScript библиотека для создания диаграмм.
https://www.taucharts.com/

Информационная безопасность
10. DoS
11. Перехват сеанса
12. Взлом веб серверов
13. Взлом веб приложений
14. SQL инъекция
15. Взлом беспроводных сетей
16. Уклонение от систем обнаружения вторжений
17. Переполнение буфера
18. Криптография
19. Тестирование на проникновение
https://vk.com/talalaev_mikhail?w=wall11767849_1733%2Fall

Три доклада со шестой встречи PiterJS.
#1 — JavaScript в большом проекте
#2 — Полный стек технологий БЭМ
#3 — React Native Desktop
https://vk.com/talalaev_mikhail?w=wall11767849_1735%2Fall

Почему я больше не использую MVC-фреймворки
https://habrahabr.ru/post/277113/

1. markdown-it — парсер markdown
https://habrahabr.ru/post/241766/
https://github.com/markdown-it/markdown-it

2. Быстрый gzip на javascript для браузера и node.js
https://habrahabr.ru/post/216641/
https://github.com/nodeca/pako
http://stuk.github.io/jszip/

Библиотека для упрощения ломаных линий
1. https://habrahabr.ru/post/137852/

Что такое виртуальный DOM
2. https://habrahabr.ru/post/256965/

Онлайн демонстрация криптографических алгоритмов. Список
http://emn178.github.io/online-tools/sha3_224.html

APIs for Data-Driven Marketers
https://moz.com/blog/apis-for-datadriven-marketers

Параллельное программирование как образ мышления - Станислав Протасов

Как развивались многоядерные процессоры? Все ли алгоритмы легко адаптируемы к параллельному масштабированию? Об этом рассказывает кандидат физико-математических наук Станислав Протасов.
https://vk.com/talalaev_mikhail?w=wall11767849_1755%2Fall

Стоит приобрести! (Я приобрел, книга супер. Да. Есть опечатки. Но это мелочи)
https://habrahabr.ru/company/piter/blog/279289/

New JavaScript UI Library
http://w2ui.com/web/home

AnyAPI — коллекция API популярных сервисов.
https://any-api.com/

Работа с файлом .htaccess
Файл htaccess. Начинаем знакомство
Файл htaccess. Страницы ошибок
Файл htaccess. Управление доступом
Файл htaccess. Редирект
https://vk.com/talalaev_mikhail?w=wall11767849_1766%2Fall

Очень много интересных проектов сделанных на backbobe
https://github.com/jashkenas/backbone/wiki/Projects-and-Companies-using-Backbone

Best Articles on the RisingStack Engineering Blog. Учебные материалы
1. https://blog.risingstack.com/articles/
2. https://blog.risingstack.com/from-angularjs-to-react-..
3. https://blog.risingstack.com/node-js-best-practices/

Node.js Tutorials: From Zero to Hero with Nodejs
https://www.youtube.com/watch?v=czmulJ9NBP0

Грабли Mongoose Позновательно :)
https://habrahabr.ru/post/253395/

Организация структуры проекта. scaffolding
1. https://toster.ru/q/197891
2. http://yeoman.io/

Автоматическое генерирование документации:
1. http://www.jetbrains.com/help/webstorm/2016.1/creatin..
2. https://www.npmjs.com/package/jsdoc

Пару интересных статей:
Шесть мифов разработки продукта
1. https://habrahabr.ru/post/301230/

Управляем компьютером с Android устройства
2. https://habrahabr.ru/post/301190/

Каково это — быть разработчиком, когда тебе сорок
3. https://habrahabr.ru/post/282674/

Canvas:
1. http://code.tutsplus.com/articles/21-ridiculously-imp..
2. http://tympanus.net/codrops/2014/09/16/off-canvas-men..
3. https://github.com/raphamorim/awesome-canvas
4. http://perfectionkills.com/exploring-canvas-drawing-techniques/

Все плагины сразу javascript:
https://github.com/sorrycc/awesome-javascript

Школа NodeJS
http://nodeschool.io/ru/

1. http client
https://github.com/request/request
https://github.com/tomas/needle

2. Асинхронные очереди заданий
https://github.com/astur/tress

3. Поиск по html для сервера, типо jQuery
https://github.com/cheeriojs/cheerio

Web scraping при помощи Node.js
1. https://habrahabr.ru/post/301426/
2. https://habrahabr.ru/post/302766/

Построй свою интерактивную историю
http://cartodb.github.io/odyssey.js/