Один из самых крупных ресурсов для изучения веб-разработки
На сайте вы найдете: руководства и справочные материалы по HTML, SQL, PHP, CSS, JavaScript, Bootstrap и многое другое.

http://www.w3schools.com/

Список англоязычных YouTube-каналов для обучения веб-разработке. Часть 2

31- www.youtube.com/user/easylearntutorial Easy Learn Tutorial — JavaScript
32- www.youtube.com/channel/UCl0hPcsUmeld49qmWWSQKOg Source Decoded — JavaScript
33- www.youtube.com/user/livelessons livelessons — NodeJS, Python, AngularJS
34- www.youtube.com/user/EmberNYC Ember.js NYC — Ember.js NYC Meetups
35- www.youtube.com/user/YonjanArjun Arjun Yonjan — веб-дизайн, Bootstrap, jQuery, Sublime Text, PHP, HTML5, JavaScript, WordPress, Laravel, Angular
35- www.youtube.com/channel/UCOL9ZxzRX9lIvOliY_oz0Ng DesignCode Blade — Bootstrap, jQuery, PHP, веб-дизайн, Laravel
36- www.youtube.com/user/mackenziechild Mackenzie Child — Ruby on Rails screencasts
37- www.youtube.com/user/geomck1967 George Mcknight — JavaScript, Meteor
38- www.youtube.com/user/MickeySoFine1972 Mike Hibbert — Ruby on Rails, Django
39- www.youtube.com/user/realcsstricks realcsstricks — HTML, CSS, JavaScript, Sass, Screencast
40 -www.youtube.com/user/SitePoint SitePoint — HTML, CSS, JavaScript, Sass, Web Design
41- www.youtube.com/user/FacebookDevelopers Facebook Developers — JavaScript, React
42- www.youtube.com/user/reactconf React Conference — JavaScript, React
43- www.youtube.com/user/jsconfeu JSConf — JavaScript, CSS
44- www.youtube.com/user/jjenkov Jakob Jenkov — SVG
45- www.youtube.com/channel/UC5ohWghqu1C7bYAq_IDBkIw/feat.. Daniel Stern — JavaScript
46- www.youtube.com/channel/UCWnPjmqvljcafA0z2U1fwKQ Confreaks — videos from conferences about jQuery, Ruby, Ruby on Rails, Ember, Django
47- www.youtube.com/channel/UCSTVaGXDcyRhxm_9Bgw0SBg EmpireJS — JavaScript conference
48- www.youtube.com/channel/UCztRO4rG71uxuR-Tpf_biww Front End TV — JavaScript & ECMAScript 6 lessons
49- www.youtube.com/channel/UCr-L1s1pBkA5TsaWZsCplOA devGeeK — JavaScript, Node.js, AngularJS, Game Development, HTML5, Big data
50- www.youtube.com/channel/UCXBhQ05nu3L1abBUGeQ0ahw ReactRally — React
51- www.youtube.com/channel/UCjz3j22CyBpy6Qk5SL6UwcQ The Web Platform Podcast — JavaScript, tools, workflow, etc
52- www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q mpjme — JavaScript
53- www.youtube.com/channel/UCIpyTmd8_cCk26yzBaTIhUQ MelbCSS — MelbCSS conference videos
54- www.youtube.com/user/devdojo devdojo - Laravel
55- www.youtube.com/user/KnpUniversity KnpUniversity - PHP, Symfony, Doctrine
56- www.youtube.com/channel/UC69McIXo4i4csNRz144GVkQ SensioLabs UK - Symfony
57- www.youtube.com/user/ClojureTV/ ClojureTV — Clojure
58- www.youtube.com/channel/UCpqYfSWEcyBGorRGvPsHkgg Kyle Robinson Young — JavaScript, Node.js, Ember.js, Electron, Browserify
59- www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q Envato Tuts+ — a lot of stuff about web development and web design
60- www.youtube.com/user/cjgammon CJ Gammon — Snap.svg, Parallax tutorial
61- www.youtube.com/channel/UCqr-7GDVTsdNBCeufvERYuw Dev Coffee — Meteor, React.js, Bootstrap
62- www.youtube.com/c/mpjmevideos funfunfunction — JavaScript, unit testing, functional programming
63- www.youtube.com/user/nordicjs Nordic.js — JavaScript, CSS
64- www.youtube.com/channel/UC8A0M0eDttdB11MHxX58vXQ Meth Meth Method — Game development with JavaScript

10+ CSS Gradient Buttons

Видео обзор https://youtu.be/pYhpsCUH1bM
Забрать можно с https://freefrontend.com/css-gradient-buttons/

Несколько ресурсов по Git, которые мы рекомендуем

Официальная документация, включающая книгу и видеоуроки https://git-scm.com/doc

“Getting git right” – Коллекция руководств и статей от Atlassian https://www.atlassian.com/git

Список клиентов с графическим интерфейсом https://www.git-scm.com/downloads/guis

Онлайн утилита для генерации .gitignore файлов https://www.gitignore.io/

20+ CSS Menus (2019)
Collection of free HTML and CSS navigation menu code examples.

Демо + бесплатно скачать https://freefrontend.com/css-menu/

https://youtu.be/RrNSAnmgwbU

Подборка Bootstrap наработок, которые сэкономят ваше время

1. Модальное окно с формой входа в систему
https://bootsnipp.com/snippets/DVvk1

2. Хронология событий
https://codepen.io/bsngr/pen/Ifvbi

3. Таблица цен хостинга
http://www.designbootstrap.com/hosting-pricing-table/

4. Форум
http://en.snipplicious.com/code-snippet/forum?num=8

5. Простой шаблон для резюме
https://bootsnipp.com/snippets/3xe9p

6. Форма для ввода данных кредитной карты
http://www.designbootstrap.com/livedemos/2015/01/29/credit-card/index.html

7. Адаптивная таблица цен
https://bootsnipp.com/snippets/3xB5q

8. Twitter лента
http://www.designbootstrap.com/livedemos/2015/03/05/twitter-feed/index.html

9. Адаптивное лого и параллакс-эффект
https://codepen.io/Designmite/pen/GwdBm

HTML шаблонизаторы

Jade http://jade-lang.com/

EJS http://www.embeddedjs.com/

mustache.js https://mustache.github.io/

Handlebars http://handlebarsjs.com/

json2html http://json2html.com/

Markdown http://daringfireball.net/projects/markdown/

10+ CSS Modal Windows / Pop-ups

https://youtu.be/6VA9Sg55qTg

Демо + скачать https://freefrontend.com/css-modal-windows/

Hammer.js — это JavaScript библиотека распознавания жестов прикосновения. Задайте области, к которым нужно прикоснуться, и ждите, когда события попадут в функции слушателя.

Демо | Github