Как стать автором
Обновить
VK
Технологии, которые объединяют

Образовательные и обучающие ресурсы для веб-разработчиков и веб-дизайнеров

Время на прочтение15 мин
Количество просмотров143K
Данным постом мы открываем рубрику «Переводы» в нашем блоге. Почему мы решили открыть такую рубрику? Дело в том, что сотни специалистов, работающих в Mail.Ru Group, для решения стоящих перед ними задач ежедневно прочитывают множество интересных статей и постов на форумах. Некоторые из них кажутся нам интересными, и мы считаем своим долгом перевести их на русский и поделиться этими ценными знаниями с Хабражителями.

Пользуясь случаем, хотим сообщить новость: сегодня состоялось открытие Технопарка — нашего образовательного проекта, о котором мы уже не раз писали на Хабре (например, тут, тут и тут). Теперь у технопарковцев есть свое собственное помещение. Изначально Технопарк задуман как место, где талантливые студенты МГТУ им. Баумана могут получить дополнительное образование в сфере веб-разработки, дизайна и программирования, а также окунуться в работу над реальными проектами высокой сложности. В общем, у Технопарка сегодня знаменательный день, и поэтому первый выпуск в рубрике «Переводы» мы решили посвятить образовательным ресурсам для веб-разработчиков и веб-дизайнеров. Ведь пока такие Технопарки не распространились по всей стране, разработчикам зачастую приходится заниматься исключительно самообразованием.


К счастью, обучение — это более не роскошь, доступная лишь меньшинству; сегодня для этого даже не обязательно ходить в школу или поступать в университет. Интернет сделал возможным распространение знаний бесплатно или по доступной цене; он полон ресурсов, позволяющих расширить наши познания в самых разных областях.

Поскольку учиться можно всю жизнь, а не только до момента получения определенного сертификата об образовании, то данный обзор касается не только начинающих. Он для всех, кто хотел бы стать экспертом в какой-либо области или просто интересуется интернетом, последними инструментами и разработками в этой сфере.

Этим обзором мы хотим познакомить вас со множеством доступных обучающих ресурсов. Некоторые из них совершенно бесплатны, доступ к другим легко получить, заплатив небольшую сумму денег. Возможно, вы удивитесь, узнав, что ваш местный колледж или университет также предлагает бесплатные уроки и курсы по самым разнообразным темам — будьте начеку!

Ресурсы разбиты по темам:

Программирование
Дизайну
Прочие уроки от интернет-индустрии
Общие знания


Программирование


Code Avengers

Курсы Code Avengers — это занятный способ научиться программированию и веб-дизайну. Решение интерактивных задач, участие в миссиях роботов и охоте на баги упрощают изучение JavaScript, HTML5 и CSS3. Уроки созданы для учащихся всех возрастов.



Coderwall

Тысячи разработчиков делятся своими достижениями и текущими проектами на Coderwall. Присоединяйтесь к ним, делитесь своими профессиональными секретами и получайте отзывы. Изучение новых языков программирования происходит весело и увлекательно. Посмотрите, как другие справляются с трудностями, и получайте бейджи за каждый законченный проект.



The Starter League (ранее известный как Code Academy)

Создание веб-приложений без необходимой поддержки и руководства может быть делом непростым. The Starter League предоставляет инструкции и помощь экспертов. Они также объединились с 37signals (создателем Basecamp и Campfire) и предоставляют практические знания по созданию успешных веб-приложений.



Pluralsight

Pluralsight был создан группой разработчиков с целью предоставления образования самого высокого качества — разработчиками от разработчиков. Их библиотека огромна и содержит курсы по любой тематике, которая вам только может понадобиться.



TekPub

Ресурс предлагает небольшие по объему уроки на темы от JavaScript до Ruby on Rails, а также занятия для более глубокого изучения предмета (Tekpub был куплен Pluralsight; старые видеоролики можно посмотреть на Pluralsight).



PeepCode

PeepCode предлагает высококачественные скринкасты на тему веб-разработок. При помощи этих уроков можно легко и просто овладеть наиболее важными приемами. (PeepCode был куплен Pluralsight; старые видеоролики можно посмотреть на Pluralsight)



Hacker Rank

На Hacker Rank программисты соревнуются друг с другом, решая небольшие задачки на всевозможные темы, включая алгоритмы, код Голда и искусственный разум. Проверьте свои возможности, программируя бота для победы в крестики-нолики.



Mozilla Webmaker

Mozilla Webmaker хочет, чтобы вы не просто пользовались интернетом, но создавали на его просторах нечто поразительное. На этом ресурсе вы найдете новые инструменты и проекты, которые помогут вам начать работу, а также мировое сообщество креативщиков: преподавателей, кинорежиссеров, журналистов и разработчиков, — все создают и учатся вместе.



Google Developers University Consortium

Google Developers University Consortium предлагает курсы по созданию проектов для интернета и мобильных устройств. Здесь вы найдете массу полезных ресурсов, особенно если вы работаете с Android или Google Maps.



Android Training

На Android Training вы найдете коллекцию уроков, цель которых — помочь вам в создании приложений для Android. В них объясняют, какие шаги необходимо предпринять для того, чтобы решить ту или иную проблему или добавить новую функцию, используя фрагменты и примеры кода.



Programr

Programr представляет собой онлайн-лабораторию для студентов и энтузиастов, желающих научиться программированию. Цель этой платформы — предоставить вам необходимые навыки для написания сложных программ. Тестируйте свои знания, выполняя задания и создавая свои собственные приложения прямо в браузере. Вы можете похвастаться своими ноу-хау в соревнованиях программистов. Ресурс поддерживает языки программирования для игровых приставок, интернета и мобильных устройств.



Learn Code the Hard Way

«Меньше болтовни, больше кода» — вот кредо Learn Code the Hard Way. Студенты начинают с практического программирования; время теории приходит позже. Главная методика этого ресурса: постоянная практика и повторение с целью запоминания, что способствует более надёжному закреплению материала.



Dash

Dash обучает HTML, CSS и JavaScript посредством занятных проектов, которые вы выполняете в браузере.



Hack Design

Hack Design — это простой и понятный курс дизайна. Каждую неделю вы получаете созданный профессионалом урок дизайна на свою электронную почту. Этот ресурс отлично подойдет тем, кто предпочитает заниматься в удобном для себя темпе. Никаких фейковых проектов.



Code School

Code School обучает веб-технологиям, предлагая видео-уроки, скринкасты и решения задач по программированию.



Codecademy

В Codecademy вы можете учиться создавать интерактивные сайты, игры и приложения. Объединяйтесь в группы и программируйте со своими друзьями! Вы можете демонстрировать им свой успех при помощи очков и жетонов.



Codewars

В Codewars вы можете попытать свои силы в ката, созданным для совершенствования различных навыков. Ката разделены по сложности. Когда вы выполняете ката более высокого уровня, то переходите на следующую ступень и Codewars предлагает вам новое, соответствующее по сложности задание.



LearnStreet

Благодаря LearnStreet, обучение программированию становится простым для каждого. Неважно, с чего вы желаете начать, — с JavaScript, Ruby или Python, — на этой платформе есть все. Воспользуйтесь интерактивными курсами, чтобы овладеть базовыми навыками, и применяйте их, работая над небольшими забавными проектами.



PHP Academy

PHP Academy предлагает бесплатные уроки по PHP и другим темам веб-программирования, включая MySQL, JavaScript (включая jQuery) и CSS. На данном ресурсе вы найдете бесплатные видео-уроки, возможность платного членства и форум, где можно попросить о помощи.



PLAYterm

PLAYterm представляет собой платформу, на которой CLI-пользователи делятся своими умениями и вдохновением. Вы можете воспроизвести свои сеансы диалога онлайн и получить код для вставки на свой веб-сайт. Делитесь своим знанием и помогайте другим совершенствовать их навыки.



The New Boston

Посредством своего проекта The New Boston Баки Робертс сделал высококачественное образование доступным для всех. Его канал на YouTube предлагает множество уроков на такие темы, как Java, C++, After Effects и Python.



gotoAndLearn

gotoAndLearn — это бесплатный ресурс с видео-уроками по Flash, Game development и HTML5, созданный пропагандистом-разработчиком Ли Бримелоу.



repl.it

На repl.it вы можете опробовать более 15 языков программирования в своем браузере — или даже в телефоне или планшете. Веб-приложение также позволяет сохранять сессию и делиться ею с другими



The Pragmatic Bookshelf

Миссия The Pragmatic Bookshelf заключается в том, чтобы помогать разработчикам, предлагая учебники, аудио-книги и видео для подготовки. Содержание разрабатывается программистами для программистов и затрагивает самые актуальные темы.



HTML и CSS



30 Days to Learn HTML and CSS (HTML и CSS за 30 дней)

Вы хотите выучить HTML и CSS, но не знаете, с чего начать? «HTML и CSS за 30 дней» — это бесплатный курс, состоящий из одного видеоролика в день в течение 30 дней. Все, что от вас требуется, это потратить 10 минут в день на изучение одной темы. По окончании курса у вас будет достаточно знаний для того, чтобы создать собственный сайт.



A Beginner’s Guide to HTML & CSS («Руководство по изучению HTML и CSS для начинающих»)

Это простое и подробное руководство поможет новичкам сделать первые шаги в HTML и CSS. Обращая особое внимание на основы, на сайте представлены материалы по всем базовым навыкам дизайна и разработки фронтенда.



Don’t Fear the Internet («Не бойтесь интернета»)

Для тех, кто не хочет изучать программирование, данный сайт предоставляет краткое введение в WordPress, CSS и HTML, и даже слегка затрагивает PHP trickery. Джессика Хиш и Расс Мэшмейер подготовили видеоролики с небольшим количеством технической информации.



JAVASCRIPT



Backbone Screencasts

Если вы изучаете Backbone.js, то эти скринкасты будут вам очень полезны. Подробные уроки по программированию в режиме реального времени предоставят подробное объяснение всем процессам от базовых до продвинутых, например: использование Backbone.js c Ruby on Rails.



appendTo

Знание JavaScript и jQuery становится все более и более важным, и appendTo поможет вам в этом. Даже не обязательно регистрироваться; просто смотрите бесплатные демо-ролики (длиной около 10 минут каждый), закладывая основу своих знаний по JavaScript и jQuery.



JavaScript Garden

JavaScript Garden представляет собой быстро растущее собрание документов о наиболее причудливых особенностях JavaScript. Этот ресурс предлагает советы по избеганию распространенных ошибок и багов; он демонстрирует возможные неполадки и ошибки, с которыми могут столкнуться программисты JavaScript, путешествуя по глубинам языка.



NodeSchool

NodeSchool предлагает интерактивные уроки по Node.js, включая основные концепции и факультативные программы. Вашему вниманию также предлагается список бесплатных/доступных мероприятий NodeSchool, проходящих по всем миру.



«Выразительный JavaScript: Современное введение в программирование» (Eloquent JavaScript: A Modern Introduction to Programming)

В своей книге «Выразительный JavaScript» Марижн Хавербеке (Marijn Haverbeke) рассказывает о JavaScript и о программировании в целом. Книгу можно бесплатно скачать в электронном виде в формате HTML или заказать в бумажном виде на Амазоне. Более того, книга была переведена на французский, немецкий и польский (в данный момент автор работает над вторым, более современным изданием).



Node Tuts

Node Tuts, созданный Педро Тешейра, предлагает бесплатные веб-трансляции по теме Node.Js



RUBY ON RAILS



Ruby on Rails Tutorial

Майкл Хартл написал книгу под названием «Ruby on Rails Tutorial». На сайте вы найдете бесплатную онлайн-версию и скринкасты.



TryRuby

Ruby представляет собой язык программирования, известный своей простотой и большими возможностями. На TryRuby вы можете экспериментировать с ним прямо в браузере. 15-минутное интерактивное руководство поможет приступить к работе.



Hackety Hack

Hackety Hack научит вас основам программирования посредством знакомства с языком Ruby. Начните с нуля и используйте новые знания для создания компьютерных приложений и сайтов.



Virtuous Code

Авди Гримм — «культиватор» ПО, публикующий серию скринкастов о разработке на Ruby. Подписавшись, вы будете получать новые ролики каждые понедельник и четверг (можно получить доступ к сценариям, если вы предпочитаете читать, а не смотреть), исходный код к каждому видео и доступ к полному собранию эпизодов.



RubyMonk

RubyMonk — это интерактивная платформа для изучения Ruby. Вы освоите основы языка программирования прямо в браузере. Уроки бесплатны, но добровольные пожертвования принимаются с благодарностью.


Rails for Zombies

Учите Ruby вместе с зомби! Вам не надо беспокоиться о конфигурации. После просмотра коротких вводных видео, вы сможете начать экспериментировать прямо в браузере. Курс рассчитан на начинающих, но есть также и курсы для более опытных Ruby-разработчиков.



RailsCasts

RailsCasts Райана Бейтса предлагает еженедельные бесплатные скринкасты, включая Tips and Trips Ruby on Rails. Темы рассчитаны на пользователей среднего уровня, но начинающие и эксперты тоже могут почерпнуть для себя что-то полезное. Вы можете подписаться на получение дополнительных скринкастов.



Дизайн



Drawspace

Drawspace — это сообщество художников-энтузиастов, профессионалов и преподавателей. Здесь вы найдете огромную коллекцию бесплатных скачиваемых уроков, которые научат вас рисовать или помогут усовершенствовать ваши навыки. Зарегистрируйтесь и отслеживайте свой прогресс.



Прочие уроки от веб-индустрии



Treehouse

Treehouse подойдет и начинающим, и экспертам. Он предлагает материал для изучения всего необходимого для того, чтобы добиться успеха в веб-индустрии. Сюда относятся как технические знания, так и информация о том, как создать успешный бизнес.



Tuts+ Premium

Tuts+ Premium — это платформа с обязательной регистрацией, предлагающая ресурсы для получения таких креативных и технических навыков, как веб-программирование, анимированная графика и фотография. Контент сайта создан и постоянно обновляется лидирующими экспертами. Обучение может происходить, на ваш выбор, либо при помощи видео, либо — статей со скриншотами. Tuts+ Premium располагает поддержкой обширного сообщества, к которому вы можете обратиться за помощью.



Ontwik

Ontwik объединяет в одном месте новейшие лекции и конференции разработчиков веб-приложений и дизайнеров. Сайт охватывает такие темы, как JavaScript, NodeJS, jQuery, Ruby, HTML5, CSS3, UI, UX и многие другие. Там вы также найдете лекции по креативности, маркетингу и стартапу.



A Student’s Guide to Web Design (Руководство для студентов по веб-дизайну)

Перед вами попытка лучше подготовить выпускников к профессии интернет-разработчика. Сайт предлагает информацию, которая может помочь молодым веб-разработчиком в жизни и работе после выпуска.



#The50

По окончании колледжа искусств, Джейми Вик осознал, что он ровным счетом ничего не знает о профессиональной жизни. Он создал #The50 для помощи студентам и выпускникам, очутившимся в точно такой же ситуации. Советы на сайте состоят из 140 знаков и хэштега для простого размещения в Твиттере.



The Web Design Community Offers Advice to Beginners, Smashing Magazine

Мы спросили: «Каков, по вашему, лучший совет, который можно дать начинающему разработчику веб-приложений?» Данная статья содержит все полученные нами рекомендации.



Идеи Джессики Хиш

Иллюстратор Джессика Хиш не ведет обычный блог, но отвечает на наиболее часто задаваемые вопросы о себе и своей работе. Тут вы найдете полезные советы на самые разные темы, касающиеся веб-индустрии: стажировка, расценки, нетворкинг и т.п.



The Secret Handshake

Индустрия творчества имеет свои законы, поэтому применяя исключительно традиционные методы в прикладном процессе, вы далеко не уйдете. Secret Handshakes представляет собой ресурс для студентов и юных креативщиков, желающих получить доступ к инсайдерским идеям, честным ответам и качественным решениям, которые помогут вам стать профессионалом в своей области.



WaSP InterAct Curriculum

Созданный, чтобы идти в ногу с быстро меняющейся индустрией, WaSP InterAct представляет собой курс обучения, подготавливающий студентов к карьере программистов. Курсы разделены на несколько учебных направлений, охватывающих материал от самых основ до профессиональной практики. Список рекомендуемой литературы, задания и экзаменационные вопросы помогут вам стать настоящим профессионалом в деле веб-программирования.



Руководство Организатора Конференций

Планируете организовать конференцию? Тогда данный сайт это лучшее место для начала. Ресурс был создан Питером-Полем Кохом и предоставляет информацию обо всем, что вам необходимо для проведения конференции.



Повышайте уровень общих знаний



TED

TED посвящен «идеям, достойным распространения»! Вы можете смотреть выступления на тему технологий, дизайна, бизнеса, глобальных вопросов, науки и развлечений. Черпайте вдохновение из работ других мыслителей и объединяйтесь с любопытствующими по всему миру!



Khan Academy

Khan Academy стремится обеспечить всех и повсюду первоклассным образованием — бесплатно! Все, что вам нужно, это интернет. Огромная коллекция видео включает в себя уроки на всевозможные темы: базовая математика, макроэкономика, основы программирования и даже история искусств. Проверяйте уровень своих знаний, отслеживайте свой прогресс и зарабатывайте значки.



University of Reddit

University of Reddit — это доступная для всех образовательная платформа. Курсы бесплатные и охватывают темы от кибернетики до математики и языков.



VideoLectures.Net

Зарегистрируйтесь на этом сайте и получите бесплатный доступ к образовательным видео-лекциям. Они охватывают множество научных областей и проводятся маститыми учеными и специалистами во время конференций, семинаров и других мероприятий. Высококачественный контент предназначен для учёных и широкой аудитории.



P2PU

Университет Peer 2 Peer — это проект открытого обучения, призывающий к непрерывному образованию. Его кредо — «Все мы учителя и все мы ученики». Каждый может поучаствовать и воспользоваться контентом сайта, на котором вы также найдете проект School of Webcraft с базовыми уроками.



Online Courses

Online Courses предлагает 100 открытых курсов для компьютерных фанатов. Среди них вы также обнаружите курсы по общим темам компьютерных наук, веб-дизайну и разработке приложений. Веб-сайт также предоставляет информацию по аккредитованным учебным заведениям, финансовой помощи для обучения в колледже и университетским предметам.



Lynda

Lynda помогает получить навыки создания ПО, творческие умения и бизнес-знания. Зарегистрировавшись, вы получите безлимитный доступ к огромному собранию высококачественных видео-уроков, проводимых профессионалами своего дела. Среди тем есть также дизайн и разработка.



Udemy

Кем вы хотите быть? Предпринимателем? Разработчиком мобильных устройств? Фотографом? Инструктором йоги? Благодаря сайту Udemy вы можете стать кем только пожелаете, учась у экспертов на интерактивных онлайн-курсах вместе с другими преданными своему делу студентами. Все курсы на Udemy разрабатываются и создаются самими экспертами, и им же принадлежат.



Learners TV

Learners TV предлагает огромную коллекцию бесплатных скачиваемых видео-лекций по всевозможным темам, включая компьютерную науку. На этом сайте вы также найдете анимацию на научные темы, таймированные онлайн-тесты с проверкой результатов и объяснениями.



ReadWrite

ReadWrite охватывает все, что касается интернета, техники и социальных сетей. Здесь представлены ссылки на имеющие отношение к технике образовательные сайты. Темы варьируются от компьютинга до хакинга.



Выучите новый язык



Radio Lingua

Radio Lingua — это подкаст, помогающий учить языки где, когда и как вам угодно. Можете воспользоваться быстрыми курсами для новичков или же подняться на следующий уровень, окунувшись в грамматику и лексику. Уроки рассчитаны на учащихся всех возрастов и проводятся опытными учителями и носителями языка.



Busuu

Изучение языка с Busuu существенно отличается от того, к чему вы привыкли. Станьте участником сообщества данной платформы, и вы сможете учиться через видеочаты с носителем языка. Таким образом, каждый выступает не только в роли ученика, но и учителя. Для поддержания вашей мотивации изучаемый язык отображается в виде дерева, которое растет вместе с уровнем ваших знаний. Сайт Busuu бесплатный.



Открытые университетские уроки и уроки университетского типа



Udacity

Обучение на Udacity отличается от построено по оригинальному принципу. Учитесь, работая над непростыми проектами и общаясь с университетскими преподавателями и другими студентами. Курсы требуют не меньше усилий, чем учеба в настоящем университете; вам также доступны разные виды сертификатов.



OnlineCourses (ранее известные как Lecturefox)

На OnlineCourses вы найдете высококачественные уроки из таких известных университетов, как Гарвард, Беркли и МТИ (MIT). Тематика предлагаемых курсов варьируется от биологии до бухгалтерского дела, от иностранных языков до точных наук.



Education Portal

Сделать образование доступным — вот цель Education Portal. Платформа предлагает статьи и видео по поиску школ, программ по получению степени и онлайн-курсов. Сайт охватывает все сферы искусства и науки, и содержит также список бесплатных курсов веб-дизайна, которые засчитывают как университетские часы.



OpenClassroom

OpenClassroom Стэнфордского университета предлагает видео-курсы по компьютерным наукам. Вы можете смотреть их бесплатно; уроки разделены на блоки качественной информации.



MIT OpenCourseWare

MIT OpenCourseWare выкладывает в онлайн все курсы Массачусетсткого Технологического Института. Эта открытая платформа не требует регистрации и предоставляет бесплатные конспекты лекций, экзамены и видео.



OpenCourseWare

Консорциум OCW — это содружество институтов и соответствующих организаций со всего света, целью которого является создание платформы, предлагающей глубокие и широкие знания в самых разных сферах.



The Faculty Project

Если ваши интересы не ограничиваются исключительно интернетом, то Faculty Project может быть именно тем, что вам нужно. Он предоставляет лекции ведущих университетов всем, у кого есть интернет. Бесплатные уроки ведутся в формате видео, слайд-шоу и материалов для чтения, и охватывают предметы от математики до экономики и истории.



Academic Earth

Желаете ли вы перейти на более высокий карьерный уровень или просто пройти курс по интересующей вас тематике, Academic Earth предоставляет всем возможность получить первоклассное образование. Веб-сайт предлагает бесплатные уроки и обучающие средства по многим дисциплинам. Если вы хотите продолжить образование, то используйте возможность найти подходящий вам университет и преподавателя.



Course Hero

Миссия Course Hero — помочь студентам колледжей взять по максимуму от их образования, предоставляя доступ к лучшим академическим разработкам и материалам. Ищите учебные документы по факультетам, школам и даже ключевому слову. Зарегистрировавшись, вы сможете пользоваться ресурсом бесплатно.



edX

edX — это некоммерческая организация содружества таких университетов, как MIT, Гарвард, Беркли и Техасский университет. Участвуйте в высококачественных онлайн-курсах по различным дисциплинам, включая компьютерную науку, и получите сертификат одного из престижных университетов. Эти учебные заведения используют аналитическую информацию, полученную благодаря данной платформе, для изучения влияния современных технологий на процесс обучения.



Coursera

Заручившись поддержкой ведущих мировых университетов, Coursera предлагает бесплатные онлайн-курсы. Уроки проводятся известными профессорами и охватывают разнообразные дисциплины. Домашние задания и интерактивные упражнения помогают вам тестировать и улучшать свои знания.



Webcast.berkeley

С 2001 года Webcast.berkeley служит «окном» в аудитории университета Беркли, публикуя курсы и мероприятия в кампусе для студентов и учащихся по всему миру. Смотрите видео и слушайте аудио-записи лекций онлайн или загружайте их на свое устройство.



The Open University

Open University открыт для всех и предлагает более 570 курсов разной степени сложности: от коротких вводных до степени выпускника и исследовательской степени. Обучение проходит по гибкому графику, подходящему к вашим жизненным обстоятельствам. Вы можете общаться с другими студентами и выполнять задания, отслеживая свой прогресс.



Последний клик...

WeekendHacker

У вас есть задумка проекта или идея, но требуется небольшая помощь? На WeekendHacker вы можете найти дизайнеров и разработчиков, способных оказать вам содействие. Просто зарегистрируйтесь, опубликуйте ваш проект, расслабьтесь и ждите, пока кто-нибудь не предложит вам помощь.



До скорого!
Мы надеемся, что этот список образовательных ресурсов поможет вам развить свои навыки и откроет для вас многие двери. Конечно, мы будем рады, если в комментариях вы поделитесь другими недостающими в данном обзоре ресурсами. Мы также хотели бы узнать, какой ресурс оказался для вас наиболее полезным и почему.

Кстати, обратите внимание на список вдохновляющих подкастов от Мелани Ланг — рекомендуем!

Источник.
Теги:
Хабы:
+75
Комментарии18

Публикации

Информация

Сайт
team.vk.company
Дата регистрации
Дата основания
Численность
свыше 10 000 человек
Местоположение
Россия
Представитель
Руслан Дзасохов