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

В 2015 году интерфейсное программирование продолжало расти, и мы можем только предвидеть еще одну огромную фазу роста интерфейсных языков в 2016 году. Миллионы новых веб-пользователей подключаются к сети, и все они в конечном итоге узнают о компьютерных науках и веб-разработке. и, в частности, программирование. JavaScript зарекомендовал себя как лидер в библиотеке языков программирования, превзойдя старую классику, такую ​​как Java; некоторые говорят, что JavaScript находится на пике, в то время как мы чувствуем, что ему еще есть куда расти и доминировать в выборе языков программирования.

ECMAScript 6 уже идет полным ходом, не проходит и дня, чтобы кто-то не писал о ES6 и о том, что он приносит на стол новым и опытным разработчикам JavaScript. Будущее JavaScript выглядит великолепно для обоих; веб-разработчиков и разработчиков программного обеспечения. Аппаратная и программная инженерия - две новые области, в которых можно увидеть доминирующее положение JavaScript, особенно за счет использования популярных фреймворков, таких как Node.js - JavaScript ежеминутно выходит на новые рынки, и многим языкам будет трудно за ним угнаться, сила сообщества позади JavaScript переросли многие логические и рациональные аргументы, которые могут означать, что другие языки лучше. Анализ чего-то, чтобы увидеть, подходит ли это для вашей следующей работы, сводится к тому, чтобы задать себе несколько честных вопросов.

JavaScript как язык программирования доказал всему миру, что он устойчивый, мощный и надежный. Изучение JavaScript никогда не было более интригующим, множество рабочих мест, как постоянных, так и внештатных, множество интересных проектов для работы на GitHub, постоянный поток новых статей и руководств от сообщества JavaScript, языковая экосистема очень здорова, и очень полезно, когда дело доходит до этого. Мы хотим внести свой вклад в этот аспект сообщества, включив пару десятков учебных статей по JavaScript, которые были опубликованы за последние 2-3 месяца, гарантируя, что качество статей соответствует последним советам, трюкам и, конечно же, стандартам JavaScript. , например ES6.

Написание многоразовых модулей JavaScript следующего поколения в ECMAScript 6

Джим Коварт потратил много времени, пытаясь понять ES6 и пытаясь разработать его самые секретные особенности и особенности, которые могут помочь разработчикам создавать лучше, быстрее и с большей устойчивостью. Основная цель статьи - помочь старым и новым веб-разработчикам создавать библиотеки ES6, которые можно использовать в контексте ES5, что означает, что Джим также собирается объяснить и показать, как Babel можно использовать для преобразования библиотек ES6 в полнофункциональные библиотеки ES5. Причина в том, что веб-браузеры все еще пытаются догнать новый стандарт. Чтобы сделать библиотеку многоразовой и простой для работы с другими разработчиками, Джим уделяет много внимания модулям, предоставляя модуль почти для всего, что действительно кажется правильным.

Узнайте, как делать визуализации данных с помощью D3.js

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

За прошедшие годы JavaScript стал фаворитом среди специалистов по обработке данных, которые хотят эффективно и точно работать с данными в браузере. С момента выпуска D3.js в 2011 году библиотека переросла любую возможную конкуренцию и стала нарицательным для разработчиков JavaScript, которым нужен сложный инструмент для выполнения сложных задач науки о данных.

Библиотеки внешних приложений и архитектуры компонентов

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

Рекомендации по React.js на 2016 год

В 2015 году React был во всех новостях. Это самая быстрорастущая библиотека JavaScript, которую сообщество видело за последние несколько лет, и она до сих пор активно используется сотнями тысяч разработчиков каждый день. React делает смехотворно простым создание собственных интерфейсов пользовательского интерфейса, которые не мешают другим аспектам вашего проекта, над которым вы работаете, поэтому в некотором смысле вы можете использовать React для создания своего пользовательского интерфейса, или вы можете использовать React, чтобы помочь себе создать лучший пользовательский интерфейс, и ни в коем случае React не возьмет на себя роль основной библиотеки, а вместо этого будет работать только тогда, когда вы этого попросите. Хотя все это звучит просто, все же есть кривая обучения, и технический директор RisingStack Питер Мартон рассказывает о лучших практиках для React со своей точки зрения.

Впервые на Ember? Начните здесь! (Учебное пособие 2016 г.)

Мы уже сформировали свое мнение об Ember, это современный фреймворк для веб-разработки, который идеально подошел для одной из наших недавних статей; лучшие фреймворки JavaScript. Ember позволяет разработчикам JavaScript быстро создавать современные веб-приложения для настольных и мобильных устройств, не жертвуя при этом тем, что могут предложить другие сшитые вместе библиотеки. Если вы новичок в Ember и слышали об этом совсем недавно, мы настоятельно рекомендуем изучить этот урок от Фрэнка Трейси. Его стиль письма и руководство идеально подходят для более глубокого понимания Ember Framework.

Как изучить ES6

На самом деле многие разработчики JavaScript знали, что такое ES6, задолго до того, как был выпущен стандарт. Это способ языков программирования, стандарты становятся доступными в виде проектов, с которыми сообщество может поэкспериментировать, прежде чем будут сделаны какие-либо доработки. То же самое и с ECMAScript 7 или ES7 , функции уже доступны, но все ждут, пока браузеры наверстают упущенное, что не всегда гладко. Эрик Эллиотт собрал удобный набор статей и советов в своем посте на Medium о том, как лучше подойти к процессу обучения ES6.

Определения функций в JavaScript

Мариус Шульц дает разработчикам JavaScript небольшое представление о том, как определения функций работают в JavaScript и как к ним можно подойти тремя разными способами, особенно после выпуска ES6 и функций стрелок.

Запустите свою собственную библиотеку JavaScript, используя webpack и ES6

Библиотеки JavaScript - это крошечные сценарии JavaScript (не всегда крошечные), которые помогают разработчикам расширять свои проекты с помощью определенной функции, которую в противном случае вам пришлось бы создавать отдельно. Некоторые говорят, что React.js действует как библиотека, а некоторые говорят, что это скорее фреймворк. Как бы то ни было, Красимир Цонев сужает процесс создания библиотеки JavaScript с помощью ES6 и помощи WebPack.

7 основных функций JavaScript

Дэвид Уолш - фаворит среди многих интерфейсных разработчиков, последовательный разработчик, а также писатель, который не боится делиться своими мыслями, мнениями и опытом с миром интерфейсных приложений. Его собственный веб-сайт - отличный пример того, как далеко можно зайти в нативной разработке и как красиво она может быть выполнена в форме веб-сайта с контентом. Однако его пост не о дизайне, а о функциях JavaScript; Самая важная часть языка - это функции, и Дэвид дает в качестве дополнительных семь функций, от которых мы, возможно, отказались в процессе изучения языка и его наиболее важных аспектов.

Карты Google стали проще с GMaps.js

Каждая вещь в сети сводится к элементу, конкретному элементу, который выполняет функцию выбора. В случае карт мы можем использовать собственный виджет Google Maps с официальной страницы Google, или мы можем полагаться на сторонние библиотеки, которые предоставляют немного больше функциональности, чем мы могли бы получить от отдельного виджета. Здесь у нас есть руководство о том, как лучше всего подойти к библиотеке GMaps.js и максимально использовать возможности создания карт.

Результаты опроса разработчиков JavaScript

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

Универсальная реакция

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

Как запланировать фоновые задачи в JavaScript

Крейг Баклер дает краткое объяснение того, как фоновые задачи работают в JavaScript и как лучше всего к ним подходить. Крейг Баклер написал тысячи статей для SitePoint и имеет большой опыт работы с такими языками, как JavaScript, HTML5 и CSS3, поэтому вы можете поверить в его слова, когда он говорит на такие широкие темы.

Анализ RSS-каналов в JavaScript - Параметры

RSS-каналы делают контент, опубликованный в Интернете, намного более доступным. Сегодня 99% блогов поддерживают RSS-каналы, что упрощает получение контента другими пользователями на регулярной основе с помощью каналов. Другое использование каналов включает возможность их синтаксического анализа, а затем использования проанализированных данных по-разному, будь то для веб-сайта фермы ссылок или для приложения, которому требуются определенные наборы данных из проанализированного RSS-канала, Раймонд Камден исследует эту тему подробнее и подсчитывает возможные варианты для разработчиков JavaScript, которые хотят использовать JavaScript для синтаксического анализа RSS-каналов.

Поворот элементов при прокрутке с помощью JavaScript

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

Как создать приложение Todo с помощью React, Redux и Immutable.js

React, Redux и Immutable.js быстро меняют имена библиотек JavaScript, которые меняют то, как мы воспринимаем разработку, а также способ создания приложений для всех устройств. В этой статье Эмре Гунейлер дает нам краткое введение во все три библиотеки и как создать единое «приложение задач», которое даст вам лучшее представление о том, как идет создание приложений с использованием современных фреймворков и библиотек.

5 шагов для подготовки кода Angular 1 к Angular 2

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

Обзор ES6 в 350 пунктах

ES6 был самым большим обновлением стандарта JavaScript за последние пару лет, это огромное дополнение к уже надежному языку программирования, но это дополнение действительно меняет способ работы JavaScript в Интернете и то, как он будет продолжать работать в качестве браузеров. начать интегрировать больше сложных функций. Этот репозиторий GitHub представляет собой комбинацию из более чем 350+ пунктов, в которых обсуждается множество различных аспектов ES6, таких как функции и способы их использования. Также функции и то, как выглядят новые функции, с множеством исходящих ссылок на ресурсы, которые помогут вам глубже понять ES6.

Параллельный JavaScript: серия из трех частей о параллелизме в JS

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

Стоимость каркасов

Попробуйте научиться кодировать на JavaScript, не встречая подробных советов о том, как использование фреймворка решит все ваши проблемы. Большая часть изучения JavaScript в наши дни фактически основана на таких фреймворках, как React, Angular, Backbone и других. Да, фреймворки позволяют быстро создавать веб-приложения и мобильные приложения, но какова реальная стоимость использования фреймворков, а не собственного (ванильного) JS? Пол Льюис описывает это, собирая краткий сравнительный анализ, который помогает новым (и, возможно, опытным) разработчикам делать лучший выбор в отношении фреймворков.

Анатомия большого Angular-приложения

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

Обнаружение приближения лица с помощью JavaScript

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

Что умеет JavaScript?

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

Как избавиться от усталости от JavaScript - React Edition

Усталость убивает продуктивность, слишком долгая работа с чем-то может вызвать у человека глубокую усталость, которая может длиться долгое время, но также, конечно, есть усталость, которую мы приписываем конкретным фреймворкам, что в этом случае происходит. быть React. Итак, как нам избавиться от усталости от React? У Рето Шлапфера есть ответ на этот вопрос, погрузитесь в него.

Ресурсы для изучения JavaScript в Интернете

Мы изучили некоторые из лучших современных руководств по JavaScript, которые может предложить Интернет, но что вы собираетесь делать со всеми этими учебниками, если у вас нет предварительных знаний в JavaScript? Я думаю, это маловероятно, поскольку вы особенно искали учебники по JavaScript, но есть вероятность, что вы хотите расширить свои знания JS или, возможно, обновить их после долгого отсутствия. В таком случае, вот очень доступный список веб-сайтов и платформ, которые предлагают изучение JavaScript онлайн бесплатно. Только лучшее.

• Codecademy - платформа для понимания основ веб-разработки, в частности JavaScript. Codecademy - один из первых сайтов, с которого начинают свою карьеру новые и амбициозные разработчики интерфейсов. Это весело, интерактивно и хорошо выполняет свою работу.
• Learn-JS - платформа, аналогичная Codecademy, с другим набором задач и кривых обучения, очень полезная после завершения Codecademy, чтобы улучшить ваши недавно приобретенные навыки и, возможно, заметить, что вы могли упустить.
• freeCodeCamp - быстро развивающаяся платформа кодирования на основе сообщества, где каждый участник сайта может участвовать в решении проблем и задач, а затем помогать продвигать новые интересные приложения для некоммерческих организаций, которые не могут позволить себе профессиональных программистов. Это беспроигрышная ситуация.
• Руководство по стилю - руководства по стилю помогают создавать код, который упрощает использование других. AirBNB выпустил собственное руководство по стилю, и оно быстро стало самым популярным руководством по стилю JavaScript, которое вы можете найти на GitHub или где-либо еще.

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