Ресурсы HTML, CSS и JavaScript

= HTML и CSS =

Пересечение HTML, CSS и JavaScript

Ru:
wisdomweb.ru
- курсы и справочники по HTML, CSS и JavaScript. Имеются "песочницы" для тренировки и экспериментов. Отдельно отмечу справочник DOM. Лучший сайт на русском для самообучения этим языкам из всех, что я видела.
htmlbook.ru - курсы и справочники по HTML и CSS
html.manual.ru - cправочники и статьи по HTML и CSS
ru.html.net - русский сегмент html.net. Курсы по HTML, CSS и PHP. JavaScript-а, в отличие от английской версии, нет. Справочники не обнаружены
coder-booster.ru - есть курс обучения HTML

Eng:
w3schools.com - учебники и справочники по HTML, CSS и много чему ещё. Имеются песочницы. Лучший сайт на английском для самообучения веб-программированию из всех, что я видела. *
learn-html.org - курс включает в себя песочницу
html.net - курсы по HTML, CSS, JavaScript и PHP. Только курсы, справочники не обнаружены.
learn.shayhowe.com - Обучение HTML и CSS. Есть введение в JavaScript и jQuery, но только введение.
Khan Academy - содержит несколько курсов по HTML, CSS, JavaScript
fastwebstart.com - много статей по HTML и CSS простым английским языком
udacity.com - есть бесплатный курс по введению в HTML и CSS
codingfaculty.com - содержит бесплатный курс по HTML и CSS
SoloLearn.com (HTML Fundamentals, CSS Fundamentals) - курсы бесплатные, но нужна регистрация. (Заглянула в HTML-курс: информация там устаревшая и повехностная.)

* В сети имеется сайт w3ii.com, в котором содержимое w3schools.com переведено на многие языки, включая русский. Но сделан перевод либо автопереводчиком, либо человеком, русский язык плохо знающим.

 

 

= JavaScript =

Ru:
Wisdomweb.ru
- курс и справочник JavaScript. В том числе рассмотрены такие технологии как jQuery, AJAX, JSON.
javascript.ru - курс и справочник JavaScript

Eng:
w3schools.com - среди прочего содержит курс и справочник JavaScript. Также можно обучиться его развитиям, таким как jQuery, AngularJS, JSON, AJAX, W3.JS, AppML, Node.js. Удобные песочницы. Мой любимый сайт для изучения веб-языков.
learn-js.org - курс включает в себя песочницу
html.net - курс по JavaScript. Справочника нет. Можно посмотреть работу некоторых фрагментов кода, но поэкспериментировать прямо на сайте не получится.
coursera.org - серьёзные курсы различной направленности, включая JavaScript. Подавляющее большинство на английском, но есть и на других, включая русский. В отличие от всех ранее приведённых ресурсов, существует ограничение по времени на их завершение. Подавляющее большинство самих курсов бесплатны. Денежку попросят, если захотите заполучить формальный сертификат, а также за некоторые другие необязательные деликатесы.
Guru99 - небольшой курс по на Guru99.com. Имеются песочницы, но реализованы они не самым лучшим образом. Не стоит учить язык лишь по этому курсу, но его можно использовать как вспомогательный или чтобы быстро освежить в памяти когда-то освоенное.
Khan Academy - содержит несколько курсов по JavaScript и один по jQuery
SoloLearn.com (JavaScript Tutorial, jQuery Tutorial) - курсы бесплатные, но нужна регистрация
udacity.com - есть 2 бесплатный курса по введению в Javascript здесь и здесь
JavaScript Tutorials (YouTube) - видеокурс от thenewboston
JavaScript (YouTube) - видеокурс от CalebTheVideoMaker2

developer.mozilla.org - MDN (Mozilla Developer Network), справочник для крутых профи
docs.microsoft.com - MSDN (Microsoft Developer Network), справочник для крутых профи

=== Некоторые бесплатные курсы с Udemy ===
Страница подбора_1, страница подбора_2

- Javascript Essentials - created by Lawrence Turton, 2017, rating 4.4
From description: "Learn how Javascript works, some basic API's and finally create a mini project."
[6.5 hours video]

- JavaScript for beginners–Learn the importance of JavaScript - created by Abdull Waheed, 2018, rating 3.9
From description: "Learn JavaScript to create 3 project like: birth finder, calculator and image slider using JavaScript, html and some css."
[7 hours video, 2 articles]

- Learn to Program in Javascript: Beginner to Pro - created by Raghavendra Dixit, 2015, rating 4.3
From description: "Don't just be a good programmer, become a great one, because that is what matters."
[4.5 hours video, 6 articles]

- JavaScript Fundamentals - created by Bharath Thippireddy, 2017, rating 4.4
From description: "Learn JavaScript hands on in quick and easy steps."
[5 hours video, 1 article]

- JavaScript Fundamentals 2018 ES6 for beginners - created by Laurence Svekis, 2018, rating 4.3
From description: "Learn JavaScript fundamental coding concepts. Including new ES6 syntax, start using JavaScript within web pages."
[3.5 hours video, 18 articles]

- Chart JS, the complete guide. ChartJS missing manual. - created by Nicky Wong, 2018, rating 4.1
From description: "The Chart JS missing manual. Master how to use ChartJS and become a data visualizer with ChartJS!"
[4 hours video, 1 article]

 

= различные полезные ссылки для web-программирования =

validator.w3.org - валидация HTML
jigsaw.w3.org/css-validator - валидация CSS

codepen.io - "песочница" для HTML, CSS и JavaScript
jsfiddle.net - "песочница" для HTML, CSS и JavaScript

blindtextgenerator.com - генератор текста-заполнителя
lipsum.com - генератор текста-заполнителя
ipsum-generator.com - генератор текста-заполнителя с простейшими HTML-тегами

 

= сборники платных курсов =

htmlacademy.ru (Ru)
udacity.com (En)
codecademy.com (En)
tutsplus.com (En)
codingfaculty.com (En)

 

= интересные статьи =

Myth Busting: CSS Animations vs. JavaScript: css-tricks.com
Разрушение мифов: CSS анимации vs. JavaScript: internet-technologies.ru - перевод предыдущей статьи на русский 
Как работает JS: обзор движка, механизмов времени выполнения, стека вызовов: habrahabr.ru
 

 

Подборки русскоязычных видео на нашей странице в vk:
Адаптивная верстка (HTML и CSS)
Дизайн, архитектура (для дизайнеров)
JavaScript для совсем начинающих
Javascript

 

Add new comment

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.