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

1- www.youtube.com/user/GoogleDevelopers — a lot of stuff on web technologies and perfomance
2- www.youtube.com/user/TheHelpingDevelop — PHP, jQuery, HTML, CSS
3- www.youtube.com/user/sassbites — Sass
4- www.youtube.com/user/LevelUpTuts LevelUpTuts — HTML5, Stylus, CSS, Sass, WordPress
5- www.youtube.com/user/DevTipsForDesigners DevTips — Foundation, CSS, RWD
6- www.youtube.com/user/mjdwebdesign mjdwebdesign — CSS, HTML, JavaScript
7- www.youtube.com/user/gotreehouse Treehouse — CSS, JavaScript, HTML
8- www.youtube.com/user/learncodeacademy LearnCode.academy — JavaScript, jQuery, React, Node.js, MEAN
9- www.youtube.com/user/derekbanas Derek Banas — JavaScript
10- www.youtube.com/user/LearnWebCode LearnWebCode — WordPress, RWD, HTML, CSS, JavaScript, jQuery
11- https://www.youtube.com/user/ITmozgChannel
12- www.youtube.com/user/flashbuilding Adam Khoury — HTML, HTML5, CSS, JavaScript, PHP«
13- www.youtube.com/user/phpacademy phpacademy — CSS, PHP, Sass, Node.js, Laravel
14- www.youtube.com/user/thenewboston thenewboston — HTML5, JavaScript, PHP
15- www.youtube.com/user/andrewperk andrewperk — Ruby on Rails, CakePHP, Laravel
16- www.youtube.com/user/WaliTutorials AbdulKhan — PHP, JavaScript, SEO, jQuery
17- www.youtube.com/channel/UC9O66QHVPAaxjeezBWti4uw computttsmaster — PHP, Node.js
18- www.youtube.com/user/fallendown2005 fallendown2005 — laravel
19- www.youtube.com/user/TheDigiCraft TheDigiCraft — PHP, HTML5, CSS3
20- www.youtube.com/user/webinaction Dr Richard Stibbard — PHP, WordPress, jQuery UI
21- www.youtube.com/user/Beatle87 Michiel Wouters — ASP.net, PHP
22- www.youtube.com/user/kudvenkat kudvenkat — JavaScript, ASP.net
23- www.youtube.com/user/JREAMdesign JREAM — NoSQL, PHP, jQuery
24- www.youtube.com/user/CodersGuide Coder's Guide — WordPress, Bootstrap, RWD, JavaScript, CSS, HTML
25- www.youtube.com/user/easydevtuts easydevtuts — Bootstrap, Sass, Foundation
26- www.youtube.com/user/webdevmentors WebDevMentors — Python, Bootstrap
27- www.youtube.com/user/wiredwiki Lalit Bassi — Bootstrap, HTML5, CSS, Python
28- www.youtube.com/user/hussey17 Brad Hussey — Bootstrap, PHP
29- www.youtube.com/user/Creativitytuts Creativity Tuts — Laravel, Git, CSS, Gulp, Bootstrap
30- www.youtube.com/user/QuentinWatt Quentin Watt — jQuery, HTML5, CSS3, PHP

Один из самых крупных ресурсов для изучения веб-разработки
На сайте вы найдете: руководства и справочные материалы по 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