Содержание

Подборка лучших ресурсов для обучения 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. А здесь вы можете узнать немного о темной стороне спецификации.

Инструменты и инфраструктура

Для эффективной и быстрой разработки важно обустроить удобную рабочую среду. Все современные проекты используют сборщики и системы контроля версий. 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.js

Практика для JavaScript Junior

Самое сложное для джуниора – превратить теоретические знания в практические умения. Вот несколько материалов вам в помощь:

А лучше всего создайте свою игру. Это полезно и интересно.

Прежде чем бросаться с головой в обучение, посмотрите это коротенькое видео об ошибках, которые совершают джуниоры:

Подписывайтесь на канал Яндекс.Дзен и узнавайте первыми о новых материалах, опубликованных на сайте.

Если считаете статью полезной,
не ленитесь ставить лайки и делиться с друзьями.

mdex-nn.ru

подборка лучших ресурсов для обучения

Каждый сеньор когда-то был джуном, но не каждый джун вырастет в сеньора. Подборка ресурсов для амбициозных и перспективных JavaScript Junior.

Погружение в язык

Без глубокого понимания концепций языка программист не может профессионально развиваться. У JavaScript джуна впереди увлекательная дорога, полная загадок и открытий. Выбирайте ваш любимый способ обучения и начинайте погружение!

Видео-уроки

ES6 и дальше

Современные JavaScript Junior, возможно, никогда не сталкивались с цепочками прототипов и асинхронными «велосипедами». Сейчас на фронтенде правит бал стандарт ES6. Смотрите один из самых лучших курсов в рунете от CodeDojo:

А джуниорам, владеющим английским, совершенно необходимо посмотреть великолепную лекцию freeCodeCamp.

Основы

Про то, что происходит под капотом, тоже нельзя забывать. Разобраться с конструкторами и прототипами поможет видеокурс freeCodeCamp и этот плейлист loftblog:

DOM

JavaScript был рожден, чтобы манипулировать веб-страницами. Это по-прежнему одна из основных задач языка. Лекция Дмитрия Лаврика окончательно прояснит все моменты работы с объектной моделью документа:

Книги

Держите лучшие в мире книги для JavaScript Junior, если вы еще не успели изучить их от корки до корки:

Онлайн-учебники

90% русскоязычных джуниоров учат JavaScript по учебнику Ильи Кантора. А вот еще один отличный ресурс с классической структурой «от простого к сложному».

Полезные статьи

Листание популярных интернет-сайтов 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