Подборка лучших ресурсов для обучения JavaScript.
Наткнулся тут на сайте proglib.io на очень интересную подборку ресурсов для всех желающих начать изучать JavaScript. Лично для меня, тема крайне актуальная, потому не смог удержаться и решил разместить данный текст у себя (разумеется со ссылкой на первоисточник), чтобы не плодить и без того огромную коллекцию закладок в моём браузере Safari.
Погружение в язык
Без глубокого понимания концепций языка программист не может профессионально развиваться. У JavaScript джуна впереди увлекательная дорога, полная загадок и открытий. Выбирайте ваш любимый способ обучения и начинайте погружение!
Видео-уроки по ES6
Современные JavaScript Junior, возможно, никогда не сталкивались с цепочками прототипов и асинхронными «велосипедами». Сейчас на фронтенде правит бал стандарт ES6. Смотрите один из самых лучших курсов в рунете от CodeDojo:
Основы
Про то, что происходит под капотом, тоже нельзя забывать. Разобраться с конструкторами и прототипами поможет видеокурс freeCodeCamp и этот плейлист loftblog:
DOM
JavaScript был рожден, чтобы манипулировать веб-страницами. Это по-прежнему одна из основных задач языка. Лекция Дмитрия Лаврика окончательно прояснит все моменты работы с объектной моделью документа:
Книги
Держите лучшие в мире книги для JavaScript Junior, если вы еще не успели изучить их от корки до корки:
Онлайн-учебники
90% русскоязычных джуниоров учат JavaScript по учебнику Ильи Кантора. А вот еще один отличный ресурс с классической структурой «от простого к сложному».
Полезные статьи
Листание популярных интернет-сайтов IT-тематики – важная часть образования JavaScript Junior. Чтение статей помогает:
Документация
Последнее прибежище разработчика – документация языка. Вам придется обращаться к ней не раз, поэтому будьте знакомы, Mozilla Developer Network. А здесь вы можете узнать немного о темной стороне спецификации.
Инструменты и инфраструктура
Node и сборщики файлов
Великолепный скринкаст Ильи Кантора введет вас в курс дела и поможет освоиться с платформой Node.js:
После этого можно переходить к изучению сборщиков: Gulp или Webpack на том же канале.
А вот несколько полезных статей для начала:
Git
Git – самая популярная система контроля версий, она используется во многих проектах, поэтому JavaScript Junior должен в ней разбираться. Основные сведения можно почерпнуть из книги Pro Git или видео-курса по основам Git. А эта замечательная интерактивная игра поможет разобраться с моделями ветвления.
Шпаргалки по командам сэкономят ваше время:
Отладка кода
Отладка – неотъемлемая часть программирования. Главный помощник JavaScript джуниора – консоль разработчика Google Chrome. Чем быстрее вы с ней подружитесь, тем эффективнее будет ваша работа. В помощь вам короткое, но очень информативное видео от школы Hillel:
Фреймворки
Многие компании создают свои продукты на базе современных JavaScript-фреймворков, которые позволяют с легкостью делать очень сложные вещи. Их изучение не только станет огромным плюсом в вашем резюме, но и позволит лучше понять механизмы работы и возможности языка.
React
Освоить основы самого популярного JS-фреймворка поможет этот учебник. В нем понятно разобраны все базовые вопросы, начиная с JSX-синтаксиса и заканчивая моделью Redux.
Еще пара статей по Redux с примерами:
Разобравшись, начинайте экспериментировать. Напишите собственный чат или попробуйте осилить вот этот мастер-класс по созданию бухгалтерского приложения:
Angular
Еще один популярный фреймворк, с которым может встретиться JavaScript Junior. Не путайте AngularJS (он уже устарел) и просто Angular. Проект активно развивается, выходят новые версии. Чтобы не потеряться в них, держите постоянно обновляющийся учебник. А если вы знаете английский, то обязательно посмотрите скринкаст по Angular 6. В качестве шпаргалки вполне подойдет этот конспект по Angular 5.
Священная война фреймворков в самом разгаре. Если вы еще не сделали свой выбор, возможно эта статья поможет Angular vs. React: что лучше для веб-разработки?
Vue.js
Практика для JavaScript Junior
Самое сложное для джуниора – превратить теоретические знания в практические умения. Вот несколько материалов вам в помощь:
Прежде чем бросаться с головой в обучение, посмотрите это коротенькое видео об ошибках, которые совершают джуниоры:
Подписывайтесь на канал Яндекс.Дзен и узнавайте первыми о новых материалах, опубликованных на сайте.
Если считаете статью полезной,
не ленитесь ставить лайки и делиться с друзьями.
mdex-nn.ru
подборка лучших ресурсов для обучения
Каждый сеньор когда-то был джуном, но не каждый джун вырастет в сеньора. Подборка ресурсов для амбициозных и перспективных JavaScript Junior.
Погружение в язык
Без глубокого понимания концепций языка программист не может профессионально развиваться. У JavaScript джуна впереди увлекательная дорога, полная загадок и открытий. Выбирайте ваш любимый способ обучения и начинайте погружение!
Видео-уроки
ES6 и дальше
Современные JavaScript Junior, возможно, никогда не сталкивались с цепочками прототипов и асинхронными «велосипедами». Сейчас на фронтенде правит бал стандарт ES6. Смотрите один из самых лучших курсов в рунете от CodeDojo:
А джуниорам, владеющим английским, совершенно необходимо посмотреть великолепную лекцию freeCodeCamp.
Основы
Про то, что происходит под капотом, тоже нельзя забывать. Разобраться с конструкторами и прототипами поможет видеокурс freeCodeCamp и этот плейлист loftblog:
DOM
JavaScript был рожден, чтобы манипулировать веб-страницами. Это по-прежнему одна из основных задач языка. Лекция Дмитрия Лаврика окончательно прояснит все моменты работы с объектной моделью документа:
Книги
Держите лучшие в мире книги для JavaScript Junior, если вы еще не успели изучить их от корки до корки:
Онлайн-учебники
Полезные статьи
Листание популярных интернет-сайтов IT-тематики – важная часть образования JavaScript Junior. Чтение статей помогает:
Документация
Последнее прибежище разработчика – документация языка. Вам придется обращаться к ней не раз, поэтому будьте знакомы, Mozilla Developer Network. А здесь вы можете узнать немного о темной стороне спецификации.
Инструменты и инфраструктура
Для эффективной и быстрой разработки важно обустроить удобную рабочую среду. Все современные проекты используют сборщики и системы контроля версий. JavaScript Junior должен в этом разбираться.
Node и сборщики файлов
Великолепный скринкаст Ильи Кантора введет вас в курс дела и поможет освоиться с платформой Node.js:
После этого можно переходить к изучению сборщиков: Gulp или Webpack на том же канале.
А вот несколько полезных статей для начала:
Git
Git – самая популярная система контроля версий, она используется во многих проектах, поэтому JavaScript Junior должен в ней разбираться. Основные сведения можно почерпнуть из книги Pro Git или видео-курса по основам Git. А эта замечательная интерактивная игра поможет разобраться с моделями ветвления.
Шпаргалки по командам сэкономят ваше время:
Отладка кода
Отладка – неотъемлемая часть программирования. Главный помощник JavaScript джуниора – консоль разработчика Google Chrome. Чем быстрее вы с ней подружитесь, тем эффективнее будет ваша работа. В помощь вам короткое, но очень информативное видео от школы Hillel:
Фреймворки
Многие компании создают свои продукты на базе современных JavaScript-фреймворков, которые позволяют с легкостью делать очень сложные вещи. Их изучение не только станет огромным плюсом в вашем резюме, но и позволит лучше понять механизмы работы и возможности языка.
React
Освоить основы самого популярного JS-фреймворка поможет этот учебник. В нем понятно разобраны все базовые вопросы, начиная с JSX-синтаксиса и заканчивая моделью Redux.
Еще пара статей по Redux с примерами:
Разобравшись, начинайте экспериментировать. Напишите собственный чат или попробуйте осилить вот этот мастер-класс по созданию бухгалтерского приложения:
Angular
Еще один популярный фреймворк, с которым может встретиться JavaScript Junior. Не путайте AngularJS (он уже устарел) и просто Angular. Проект активно развивается, выходят новые версии. Чтобы не потеряться в них, держите постоянно обновляющийся учебник. А если вы знаете английский, то обязательно посмотрите скринкаст по Angular 6. В качестве шпаргалки вполне подойдет этот конспект по Angular 5.
Священная война фреймворков в самом разгаре. Если вы еще не сделали свой выбор, возможно эта статья поможет Angular vs. React: что лучше для веб-разработки?
Vue
Про Vue.js мы тоже не забудем.
Практика для JavaScript Junior
Самое сложное для джуниора – превратить теоретические знания в практические умения. Вот несколько материалов вам в помощь:
А лучше всего создайте свою игру. Это полезно и интересно.
Прежде чем бросаться с головой в обучение, посмотрите это коротенькое видео об ошибках, которые совершают джуниоры:
Удачи вам, будущие сеньоры!
proglib.io
Лучшие онлайн-курсы по JavaScript — обзоры сайтов по обучению программированию
JavaScript является мультипарадигменным языком, поддерживающим разнообразные стили. Его чаще всего используют в качестве встраиваемого языка, обеспечивающего доступ к объекту приложения. Широко применяется в браузере в виде языка сценариев (придает интерактивность web-страницам). Отличается динамической и слабой типизацией, автоматическим управлением памятью, прототипным программированием.
LoftBlog.ru
1место
LoftBlog – это образовательный портал, посвященный IT-технологиям.
5.00
HTML Academy
2место
HTML Academy – популярный образовательный онлайн-проект, обучающий веб-технологиям HTML, CSS и JavaScript.
4.4
ITVDN.com
3место
ITVDN – образовательный online-ресурс для обучения востребованным профессиям в сфере IT-технологий.
4.4
Нетология
4место
Нетология – один из наиболее популярных образовательных порталов Рунета, предлагающий онлайн-курсы в сфере веб-технологий: интернет-маркетинга, веб-программирования, дизайна, data science, а также бизнес-менеджмента.
4.4
GeekBrains.ru
5место
GeekBrains – качественный IT-ресурс, популярный как у опытных программистов, так и у новичков, желающих обучиться прогрессивным веб-технологиям.
4.83
FructCode.com
6место
FructCode – это сервис интерактивных онлайн-курсов, касающихся разработки и программирования интернет-сайтов.
4.83
Moscow Coding School (moscoding.ru)
7место
Moscow Coding School является онлайн-школой нового типа, в которой занятия проводятся молодыми девелоперами и сотрудниками компаний IT-сферы, обучающих программированию.
4.67
BeONmax.com
8место
BeONmax представляет собой образовательную онлайн-платформу, затрагивающую все области IT и WEB.
4.67
Skillbox
9место
Skillbox – образовательный сервис, обучающий актуальным интернет-профессиям в сфере программирования, веб-дизайна, SEO-продвижения, управления бизнес-проектами.
4.3
Coursera
10место
Обучение может быть абсолютно бесплатным, популярный интернет-проект Coursera доказывает это! Международная платформа массового online-образования насчитывает более 2-х тысяч курсов по более чем 160-ти специализациям – начиная от точных наук (физика, инженерия), заканчивая бизнесом и программированием.
4.75
OTUS.ru
11место
OTUS – это набор профессиональный онлайн-курсов, посвященных IT-технологиям.
4.5
Hexlet.io
12место
Hexlet – онлайн-школа практических курсов программирования.
4.5
DoCode.Ru
13место
DoCode. ru – это онлайн-курсы программирования, посвященные изучению HTML5, CSS3, JavaScrip и Базам Данных.
4.00
Code Avengers
14место
Code Avengers – это международный интернет-проект по обучению программированию.
4.00
Learn.Javascript.ru
15место
Learn. Javascript – это онлайн-школа, специализированная на преподавании JavaScript.
4.00
Айтигенио (itgen.io)
16место
Айтигенио – это онлайн-школа, в которой детей обучают программированию.
4.5
Яндекс Практикум
17место
Яндекс Практикум – это совокупность образовательных проектов, созданных при участии Яндекс.
4.00
Loftschool
18место
LoftSchool – онлайн-платформа для обучения наиболее востребованным IT-профессиям: веб-программированию, JavaScript-разработке, а также интернет-маркетингу.
4.33
CheckIO.org
19место
CheckiO – это сервис для изучения и улучшения навыков программирования в игровой форме.
4.0
Codecademy.com
20место
Codecademy представляет собой онлайн-платформу, позволяющую изучать языки программирования.
3.00
Microsoft Virtual Academy
21место
Microsoft Virtual Academy является виртуальной академией от компании Microsoft, которая занимается онлайн-обучением в сфере IT-индустрии: разработка ПО, обработка и анализ данных, системное администрирование и многое другое.
4.00
Devionity.com
22место
Devionity – это специальная онлайн-платформа, в рамках которой обучают программированию и разработке веб-приложений.
3.00
TreeIT.com.ua
23место
TreeIT – это онлайн-школа, обучающая тестированию и программированию, веб-дизайну, а также IT-рекрутингу и IT-продажам.
4.00
edushka.ru
Лучшие ресурсы для изучения JavaScript
Писать код на JavaScript не так-то сложно. Этот язык дает программисту много свободы и — что немаловажно — прощает многие ошибки. JavaScript позволяет разрабатывать интерактивные сайты, анимировать изображения и программировать роботов. А начать можно прямо в школе. Делимся полезными ресурсами из книги «JavaScript для детей», написанной Ником Морганом — фронтенд-разработчиком в Twitter.
Сайты и книги о JavaScript
В книге описано немало возможностей JavaScript, но можно обратиться и к другим источникам. Вот некоторые издания и сайты, которые помогут познакомиться с различными аспектами JavaScript:
- Книга: «JavaScript: сильные стороны», Дуглас Крокфорд (издательство «Питер»)
- Книга: «Eloquent JavaScript, 2nd Edition», Marijn Haverbeke (No Starch Press, 2014)
- Книга: «JavaScript. Подробное руководство», Дэвид Флэнаган (издательство «Символ-Плюс», 2013)
- Ресурсы по JavaScript на Mozilla Developer Network: https://developer.mozilla.org/ru/docs/Web/JavaScript (на русском)
- Курсы JavaScript от Codecademy (на английском)
Веб-программирование
Чтобы создавать сайты, вам помимо JavaScript понадобятся знания HTML и CSS.
HTML
HTML — это язык разметки, предназначенный для создания веб-страниц. Вот некоторые источники, из которых вы можете узнать об HTML больше:
CSS
CSS, или «каскадные таблицы стилей», — это язык для управления внешним видом веб-страниц. Узнать о CSS больше можно здесь:
Серверное программирование на Node.js
Веб-страницы располагаются на веб-серверах. Сервер хранит весь HTML, CSS и JavaScript-код страницы, предоставляя к ней доступ из интернета. Также вы можете писать программы для серверов (так называемый серверный код), позволяющие серверу генерировать различный HTML-код при каждой загрузке страницы. Например, когда вы заходите в Twitter, серверная программа ищет самые свежие посты для вашей ленты, генерирует HTML-файл с этими постами и передает его вашему браузеру. Node.js позволяет писать серверные программы на JavaScript. Ознакомьтесь с информацией о Node.js по этим ссылкам:
Графическое программирование
Если вы хотите создавать интерактивную графику на JavaScript, у вас есть два основных пути: это элемент canvas и SVG.
canvas
Вот некоторые обучающие статьи и игры, которые помогут вам ближе познакомиться с «холстом»:
SVG с помощью Raphael
SVG — это графический формат, позволяющий рисовать разные фигуры и анимировать их без необходимости перерисовывать каждый шаг анимации с нуля. Программирование SVG — дело не из простых, но вам будет куда легче, если вы воспользуетесь JavaScript-библиотекой Raphael
3D-программирование
С помощью canvas можно создавать и трехмерные изображения. Это еще одна из тех областей, где проще всего воспользоваться библиотекой, и я рекомендую вам библиотеку three.js. Вот некоторые ресурсы для ее изучения:
Программирование роботов
При помощи JavaScript можно даже управлять роботами! Например, Parrot AR.Drone. Это маленький вертолет, которым можно управлять с помощью Node.js. Также вы можете обратить внимание на Johnny-Five, JavaScript-библиотеку для управления устройствами наподобие Arduino (это популярный микроконтроллер, который используется во многих любительских устройствах и роботах). Вот некоторые ресурсы о том, как управлять роботами и другими устройствами из JavaScript-кода:
Программирование звука
JavaScript также позволяет программировать звук в веб-браузере с помощью интерфейса Web Audio API. Используя этот программный интерфейс, вы можете создавать звуковые эффекты и даже писать музыку! Вот некоторые ресурсы по Web Audio API:
Программирование игр
Если вы хотите продолжить заниматься программированием JavaScript-игр, вам стоит попробовать какой-нибудь игровой движок. Игровой движок — это библиотека кода, который обеспечивает низкоуровневые детали реализации игры (такие как ввод с клавиатуры и мышки), позволяя вам сосредоточиться на том, что делает вашу игру особенной, то есть на дизайне. Вот ресурсы, где вы можете больше узнать о программировании игр и игровых движках:
Обмен кодом с помощью JSFiddle
Что если вам захочется поделиться своим замечательным JavaScript-кодом со всем миром? Есть немало способов это сделать. Один из самых простых — воспользоваться JSFiddle. Просто введите ваш код в поле для JavaScript, добавьте любой необходимый HTML-код в поле для HTML и нажмите Run для запуска своей программы. Чтобы поделиться кодом с другими, нажмите Save, и вы получите URL (веб-адрес), который сможете передать друзьям.
По материалам: Ник Морган , «JavaScript для детей»Фрагмент опубликован с разрешения правообладателя.
www.edutainme.ru
Курс изучения JavaScript для начинающих — Онлайн обучение программированию на JavaScript
Курс состоит из 2-х частей: базовый JavaScript с нуля для начинающих разработчиков и JS продвинутый для более опытных программистов.Подробно изучите язык программирования JavaScript сразу с переходом в практику. Начнем с самых простых основных концепций и принципов JavaScript и шаг за шагом дойдем до самых сложных.
Чему вы научитесь
- Изучите основы программирования и алгоритмов, объектно ориентированное программирование (ооп)
- Познакомитесь с самыми основами языка JavaScript, основными концепциями и принципами JS на практических примерах и заданиях
- Изучите популярные технологии: AJAX, JSON и т.д.
- Научитесь работать с Git и GitHub
- Разберетесь, как работать с npm, Babel, Browserify, Webpack и т.д.
- Узнаете, какой фрэймворк или библиотеку выбрать в дальнейшем и познакомитесь с React, Angular, Vue, Jquery
- Разберетесь в задачах на понимание основ JS взятые с реальных собеседований для вакансии фронтенд-разработчик
- Также научитесь работать в редакторе кода VS Code, установите и подключите все нужные плагины
- Бонус. Узнаете основные концепции и напишите свое приложение на React. Научитесь писать автотесты
JavaScript — это язык программирования реализующий интерактивность на веб-страницах. Каждый сайт использует этот язык. К тому же, используя различные фрэймворки, JavaScript распространяется всё шире: серверная сторона (Node.js), мобильные приложения (React Native, Ionic), виртуальная реальность (React VR) и так далее. Поэтому, если вы хотите пойти по одному из этих путей — нативный JS станет для вас просто необходимой базой.
Для прохождения данного курса необходимы базовые знания и навыки HTML и CSS. Рекомендуем изучить наши базовые курсы
Основы HTML/CSS — верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих
Программа обучения включает видео уроки по изучению JavaScript с нуля. Благодаря тестовым и практическим заданиям, Вы сможете закрепить полученные знания по JavaScript программированию на практике.
Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса программирования на JavaScript для начинающих — с нуля до результата.
Иван Петриченко
О преподавателе курса
- Практикующий frontend-разработчик и консультант
- Более 3х лет профессионально занимается frontend-разработкой и создает сайты «под ключ». Обучает этому взрослых и детей, организовывает и проводит мероприятия. Проводит консалтинг и аудит сайтов.
«В моей копилке уже несколько организованных и записанных авторских онлайн курсов, я люблю помогать людям и делиться с ними знаниями.
Я фрилансер и очень люблю путешествовать и выступать на различных конференциях.»
beonmax.com
45 лучших ресурсов для бесплатного изучения программирования
Так вы сможете понять, что вам нравится, а что – не нравится, прежде чем потратите деньги на какой-либо язык кодирования или курсы.
Но выбор бесплатных ресурсов, уроков и книг просто огромен. В этой статье собраны 45 лучших из них.
Для удобства я распределил все ресурсы по темам. Чтобы быстро перейти к определенному разделу, воспользуйтесь Содержанием, приведенным ниже.
1. Codecademy
Codecademy это место, где начинает большинство новичков в мире кодирования. Если вы еще не были на этом сайте, то…где вы вообще пропадали!? Платформа базируется на интерактивном обучении: то есть вы читаете немного теоретического материала, а затем вводите свой код прямо в браузере и сразу видите результаты.
Изучаемые темы: HTML & CSS, JavaScript, PHP, Python, Ruby, Angularjs, командная строка и другое
2. Codewars
Codewars предлагает пользователям нескучный способ изучения кодирования. Посвященная теме восточных единоборств, программа предлагает пользователям задачи, которые называются “kata.” Пользователи должны выполнять задачи, зарабатывать репутацию, переходя на новые, более высокие уровни.
Изучаемые темы: CoffeeScript, JavaScript, Python, Ruby, Java, Clojure и Haskell
3. Coursera
Большая библиотека онлайн-курсов, где занятия проводят профессора университетов. Все курсы бесплатные, но вы можете заплатить за “Coursera Verified Certificate“, чтобы получить подтверждение прохождения курса. Стоит он от $30 до $100, в зависимости от курса. Изучаемые темы: Много (далеко за рамками базового кодирования/компьютерной науки)
4. edX
Общедоступная программа высшего образования под эгидой Массачусетского технологического института (MIT) и Гарварда. Предлагает 107 курсов в категории «компьютерная наука», обучает различным языкам кодирования.
Изучаемые темы: Java, C#, Python и многое другое
5. Free Code Camp
Сначала кодирование преподается по стандартной программе обучения (всего около 800 часов), а затем вам предлагается получить практический опыт, работая над проектами для некоммерческих организаций
Изучаемые темы: HTML, CSS, JavaScript, Databases, DevTools, Node.js и Angular.js
6. GA Dash
Бесплатная платформа для онлайн-обучения от Генеральной Ассамблеи. Обучение строится на проектах. После прохождения каждого урока вы создаете «проект».
Это одна их очень немногих платформ, которая предлагает курс о том, как создать тему для Tumblr с нуля.
Изучаемые темы: HTML, CSS, JavaScript, адаптивный дизайн
7. Khan Academy
Огромный выбор тем (как написано на их главной странице, «Вы можете выучить все, что угодно»), в том числе и по компьютерному программированию. Курсы предлагаются и для пользователей помладше.
Изучаемые темы: JS, HTML/CSS, SQL и многое другое
8. MIT OpenCourseware
Пусть конкуренция за место в MIT и жесткая, но для пользования их онлайн-курсами экзамены сдавать не нужно. Здесь вы найдете онлайн-библиотеку со всеми предметами, изучаемыми в MIT. Более того, для пользования этими ресурсами не надо даже заводить аккаунт.
Изучаемые темы: Много
9. The Odin Project
Проект от создателей Viking Code School— первой обучающей онлайн-программы по кодированию. Odin Project это ее бесплатная версия. Вы можете собираться и работать в группах – как при личных встречах, так и онлайн!
Изучаемые темы: HTML, CSS, JavaScript & jQuery, Ruby programming, Ruby on Rails
10. Udacity
Предлагает индивидуальные курсы, а также так называемые «наностепени», в рамках которых приобретаются знания в узкоспециализированных областях (например, фронтэнд веб-разработчик или аналитик данных). Материалы курсов бесплатные, а вот за получение наностепени придется внести плату.
Изучаемые темы: Много
11. Udemy
Платные и бесплатные курсы. Курсы может создать любой человек, поэтому внимательно читайте отзывы. Можно легко получить скидочные купоны. Взгляните на их курсы по разработке.
Изучаемые темы: Много
12. The Code Player
Коллекция видеоуроков, которые проведут вас через весь процесс от начала до конца. Отлично подходит для поочередного изучения «мелких» проектов/задач. Изучаемые темы: HTML5, CSS3, Javascript, Regex, JQuery
13. Coder’s Guide
Серии из видеороликов на тему кодирования: серия из 19 видеороликов по JavaScript, еще 19 по HTML/CSS и многое другое.
Изучаемые темы: HTML, CSS, JavaScript, Bootstrap, WordPress, iOS и Android и другое Число подписчиков: 35 870 человек
14. DevTips
Один из каналов Трэвиса Нейлсона (Travis Neilson). Основные темы – веб-дизайн и веб-разработка, также есть видеоролики в формате «вопрос-ответ».
Изучаемые темы: HTML, CSS, адаптивный дизайн, советы по разработке Число подписчиков: 41 576 человек
15. LearnCode.academy
Мой личный фаворит. Видеоролики о веб-разработке от Уилла Стерна (Will Stern). Изучаемые темы: Sublime Text, Responsive Design, Node.js, Angular.js, Backbone.js, стратегии развертывания и другое Число подписчиков: 92 758 человек
16. thenewboston
Более 4 000 видеороликов о программировании, разработке игр и дизайне. Почти один миллион подписчиков.
Изучаемые темы: Android-разработка, С-программирование, MySQL, Python и другое. Число подписчиков: 934 845 человек Здесь представлен более полный список из 33 каналов YouTube, где можно научиться кодировать.
17. A List Apart
Множество авторов. Они пишут книги, проводят мероприятия, и ведут отличный блог по разработке/дизайну. Здесь вы найдете все темы по кодированию.
18. CSS-Tricks
Подробное изучение CSS при помощи большого альманаха по CSS. Сейчас блог охватывает много тем, помимо CSS – например, Sass, JavaScript, PHP и прочее. Вы можете ознакомиться с огромным количеством ресурсов и даже с фрагментами кода.
19. David Walsh
Блог ведет Дэвид Уолш (David Walsh), старший разработчик в Mozilla, хотя появляются статьи и других авторов. Уроки, практические руководства, демо, и многое другое.
20. Scotch.io
Охватывает множество тем, связанных с веб-разработкой и рабочими процессами: Angular, node.js, laravel, Sublime Text и многое другое.
21. Site Point
Много авторов и частые публикации. Темы от HTML и CSS до предпринимательства. Также есть платные книги и курсы на сайте для детей Learnable.
22. Tuts+
Множество бесплатных обучающих программ, а также платных форм обучения – например, курсов. Более 570 видеокурсов от профессионалов, причем на все темы, а не только связанные с компьютером. Имеются электронные книги.
23. Command Line Power User
Бесплатные серии видео от Уэса Боса (Wes Bos). Большая часть видеоуроков рассчитана не на начальный, а на средний уровень подготовки пользователя.
24. Conquering the Command Line
Бесплатная электронная книга от Марка Бэйтса (Mark Bates). Очень подробная. Можно приобрести книгу в бумажном варианте и скринкасты.
25. Learn Command Line the Hard Way
Бесплатная электронная книга от Зеда Шоу (Zed Shaw). (Мой личный фаворит по теме командная строка).
GIT И GITHUB
26. Git Immersion
Пошаговое руководство по основам Git. Вы можете задавать индивидуальные настройки и создавать собственные проекты.
27. Try Git
Интерактивная серия заданий от Code School, в ходе выполнения которых вы ознакомитесь и поэкспериментируете с Git.
HTML И CSS
28. HTML5 Dog
Здесь вы найдете обучающий курс по HTML для новичков. (Также они предлагают курсы для среднего и повышенного уровня.) Курсы по CSS вы найдете здесь.
29. Marksheet.io
Для начинающих. Состоит из четырех разделов: The web, HTML5, CSS3 и Sass. Напоминает электронную книгу, но предоставляется на условиях Международной лицензии 4.0 «С указанием авторства – Некоммерческое использование – С сохранением условий» от Creative Commons. Так что вы можете настроить ее в соответствии со своими предпочтениями.
30. Mozilla Developer Network
Бесплатная документация по HTML и CSS (а также JavaScript). Имеются обучающие курсы для пользователей разных уровней подготовки – от базового до высокого. Начало формы Конец формы
JAVASCRIPT
31. Eloquent Javascript
Еще одна электронная книга, но довольно длинная. Имеет финансовую поддержку крупных спонсоров — Mozilla и Hack Reactor («Гарвард для тех, кто изучает кодирование»).
32. Javascript.com
Авторы — Code School. Идеально подходит для начинающих с нуля. (Предупреждаем: в реальной жизни JS намного сложнее.) 9 мини-уроков. В конце курса пользователям советуют более углубленные и сложные материалы по JS.
33. JavaScript for Cats
Электронная книга, размещенная на одной странице и разбитая на разделы. Автор – программист Макс Огден (Max Ogden). Много гифов без котов, но в конце все же есть изображения с котами. Вот так. Лол.
34. NodeSchool
Проводит семинары и мероприятия по всему миру, а также предоставляет большое количество возможностей обучения онлайн. Обучающие курсы можно посмотреть здесь.
35. Learn JS
Проходите уроки, печатайте код в окошке в низу страницы. Авторы – ребята, которые работали над learnpython.org.
WORDPRESS
36. WordPress.tv
Записи лекций WordCamp. Авторы — Automattic.
37. WPBeginner
Вебсайт для начинающих пользователей WP. Отличный словарь с WP-терминами, скидки по купонам, обучающие видеоуроки и блог с полезными статьями от разных авторов. PYTHON
38. A Byte of Python
Бесплатная электронная книга для начинающих. Можно загрузить PDF-файл или купить бумажную версию.
39. LearnPython.org
Интерактивный обучающий курс по кодированию на языке Python. Внизу есть небольшое окошко, где вы можете печатать свой код по мере прохождения уроков.
40. Learn Python The Hard Way
Книга за деньги, а вебсайт — бесплатный. Автор – Зед Шоу (Zed Shaw). (Я учился по этой книге, когда только начинал). RUBY
41. Learn Ruby the Hard Way
Бесплатная HTML-версия электронной книги. При покупке бумажной версии книги вы получаете доступ к видеоурокам. Автор – все тот же Зед Шоу (Zed Shaw).
42. Rails For Zombies
Интерактивный способ выучить Ruby on Rails прямо в браузере. (Больше подойдет для тех, кто уже немного знаком с Ruby). Создатели- Code School.
43. Rails Tutorial
Книга из 12 глав от Майкла Хартла (Michael Hartl). Можно приобрести электронные книги, скринкасты от автора и прочее. Или прочитать онлайн бесплатно.
44. RubyMonk
Абсолютно бесплатно, но вы можете внести пожертвование. Интерактивные уроки: читаете урок и набираете код. Затем «прогоняете» его.
RubyMonk предлагает один курс для новичков, два – для среднего уровня и один – для высокого уровня.
45. Try Ruby
Еще один проект от Code School. Больше подойдет для начинающих. По мере прохождения уроков вы можете вводить свой код в специальное окошко прямо в браузере.
JavaRush
JavaRush — популярный интерактивный ресурс по изучению языка Java с кучей задач, мгновенной проверкой и рекомендациями по исправлению ошибок. Однако на JavaRush, помимо основного курса, можно найти ещё и «Гарвард CS50». Это один из самых известных курсов по основам программирования в мире, разработали его, как вы могли уже догадаться, в Гарвардском университете. «Основы программирования CS50» полностью переведён на русский, и — главное — он абсолютно бесплатен.
ЗАКЛЮЧЕНИЕ
Для тех, кто только начинает изучать код, все бесплатные ресурсы являются огромным подспорьем в работе. Но большинство этих ресурсов дадут вам лишь базовые знания.
После изучения основ вам потребуются платные варианты обучения. Я советую вам зарегистрироваться для участия в обучающих программах по программированию или курсах. Может, я упустил какие-нибудь отличные бесплатные курсы или книги по кодированию? Тогда дайте мне знать в комментариях!
devacademy.ru
Подборка материалов по JavaScript
Подборка материалов для изучения JavaScript для любого уровня подготовки – мы собрали полезные ресурсы, которые подойдут и новичку, и профессионалу.
В книге затрагиваются фундаментальные понятия не только JS, но и программирования в целом. Помимо изучения теории, автор предложит реализовать несколько интересных практических проектов. Например, создать собственный язык программирования.
Видео курс от известного программиста и преподавателя под ником Sorax отлично подходит для начала изучения JS.
Еще один отличный видеокурс на русском языке, который расскажет об основах JS и о том, как правильно применять его в веб-разработке.
Англоязычный 30-ти дневный практический курс по JS. Автор не сильно налегает на теорию, зато с первого занятия предлагает писать интересные проекты, которые усложняются от урока к уроку.
Интерактивный учебник, который будет одинаково полезен и новичку, и изучавшему основы программисту. В нем содержится много тонкостей и фишек, касающихся работы JS и DOM.
Автор этой книги предлагает поговорить о наборе паттернов, которые могут быть полезны при создании масштабируемых JS-приложений.
Книга авторства Стояна Стефанова описывает множество шаблонов программирования при использовании JS, рассказывает о лучших практиках и эффективных приемах разработки приложений на этом языке.
Эта книга является и руководством с большим числом практических примеров и полноценным справочником по базовым понятиям. Рекомендуется программистам, которым потребовалось изучить язык программирования для веба, а также программистам, уже использующим JS и желающим овладеть им в совершенстве.
JS – далеко не лучший язык программирования, особенно если говорить об его оптимизации. Так как создавался он в спешке, то имеет много слабых сторон и ужасных конструкций. Именно об этом автор и предлагает поговорить на страницах своей книги, а заодно понять что определяет сильные стороны языка и как это поможет создавать по-настоящему расширяемый и эффективный код.
Книга для желающих лучше понять как работает AJAX. Рекомендуется всем, кто хочет выйти на новый уровень создания интерактивных приложений для веба.
Книга посвящена Meteor.js – фреймворку, который построен на базе Node.js и является по сути быстрой прослойкой между интерфейсом и базой данных. Он позволяет создавать по-настоящему интерактивные JS-приложения и использовать единый код как на сервере, так и на клиенте.
Переведенная сообществом на русский язык документация по Meteor.js.
Если вы уже знаете и используете в работе CoffeeScript, то эта книга поможет вам делать работу лучше. А если нет – то станет отличным пособием и главной настольной книгой по теме. Издание предназначено в первую очередь веб-разработчикам, использующим JS, а также всем тем, кто хочет писать качественный и понятный код.
Книга рассказывает о создании динамических веб-приложений с помощью JS, AJAX и библиотеки jQuery. В ней уделяется внимание также созданию приложений с возможностью автономной offline работы.
Мы собрали в сети несколько отличных гайдов по работе и изучению Angular.js и представляем их вашему вниманию.
Продолжение подборки материалов по Angular, на этот раз со ссылками на различные полезные источники, такие как презентация фреймворка 2-й версии (чтобы узнать что изменилось и появилось в новой версии фреймворка из первоисточника), а также на интересные подкасты и другие материалы, которые могут быть полезны при изучении Angular.js.
Небольшой видео-курс по Node.js – подойдет и для тех, кто совсем не знаком с этим фреймворком и для тех, кто хочет освежить знания о нем.
Еще одна серия уроков от Sorax, на этот раз для более продвинутых пользователей JS, желающих познакомиться с CoffeeScript. Отлично подходит для просмотра прямо после курса по ванильному JavaScript.
Отличное пособие для тех, кто любит учиться новому через практику – книга поведает о том, как создавать с помощью JS сложные приложения, такие как игры.
Книга рассказывает о том, как с помощью jQuery, DHTML и Canvas создавать динамичные приложения для десктопов и мобильных устройств.
Соавтор этой книги, Джон Резиг – создатель библиотеки JQuery, рассказывает о секретах мастерства разработки приложений на JS. Начиная с фундаментальных понятий языка и программирования, заканчивая интересными и полезными техниками для настоящих профи, которыми, по задумке авторов, должны стать читатели.
В этой книге показано как организуется командная разработка SPA – проектирование, тестирование, сопровождение и развитие – с применением JS на всех уровнях и без привязки к какому-то конкретному фреймворку.
Аккуратно отобранный список сервисов для изучения и практики визуализации данных.
Эта книга в деталях рассказывает об ECMAScript 6, не только о том, как он работает, но и почему он так работает. Целевая аудитория — те, кто уже неплохо знаком с JavaScript.
JavaScript Garden – это растущая коллекция документации о самых причудливых местах JS. Здесь даются советы о том, как избежать основных ошибок при работе с языком, а также рассказывается о проблемах с производительностью и худших практиках.
Подборка самых популярных видео о JS.
Подборка англоязычных книг по JS для развивающих свои скилы.
В книге раскрываются наиболее эффективные приемы работы с библиотекой jQuery, владение которыми позволяет значительно упростить процесс разработки.
Книга, которая поможет освоить всю мощь JS и разумно ей распоряжаться.
Книга рассказывает о приемах и стратегиях, которые помогут в ходе разработки устранить узкие места, влекущие за собой снижение производительности. Рассказывает, как ускорить выполнение, загрузку JS, как строить операции с DOM-деревом, работу страницы в целом и многое другое.
Подборка важных теоретических вопросов по JS, которая может оказаться полезной для освежения знаний, например, перед собеседованием.
proglib.io