Javascript для начинающих уроки с заданиями: Основы JavaScript

Курс JavaScript для начинающих. | Университет СИНЕРГИЯ

Курс JavaScript для начинающих. | Университет СИНЕРГИЯ

На данный момент язык программирования JavaScript является самым популярным. Изучив его, можно достаточно просто войти в сферу веб-разработки

Записаться на программу

Формат обученияОнлайн

Длительность58 часов

Продолжительность2 месяца

КатегорияПрограммирование

Стоимостьот 40000 ₽

Будущие возможности

Язык JavaScript — хороший вариант для начинающих разработчиков войти в IT-сферу. Он востребован, достаточно прост в изучении и подходит для выполнения всевозможных задач, к примеру, таких как создание сайтов и приложений

Кому подойдет

Новичкам

Начинающим специалистам

Frontend-разработчикам

Вы научитесь:

Программировать на языке JavaScript

Применять методологию объектно-ориентированного программирования

Взаимодействовать с HTML и CSS

Прототипировать сайты при помощи Figma

Верстать адаптивные и кроссбраузерные сайты

Работать с flexbox и Grid

Программа обучения

1. Основы программирования на JavaScript

2. Основы верстки при помощи HTML и CSS

3. Практический модуль

Как проходит обучение

Документ об образовании

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

Удостоверение о повышении квалификации

Сертификат об успешном прохождении обучения

Часто задаваемые вопросы

Что делать, если у меня проблема или срочный вопрос?

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

Сколько часов в неделю нужно уделять учебе?

В среднем на обучение уходит порядка 4−5 часов в неделю, что позволит вам совмещать учебу с текущей работой и личными делами.

Вы помогаете в трудоустройстве?

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

ПОДБЕРИ ПРОГРАММУ

ОБУЧЕНИЯ

Ответь на пять вопросов и узнай,

где будешь учиться!Подобрать программу

Образование для карьеры

К каким профессиям вы более склонны?

ТехническимГуманитарнымТворческимМедицинским

Какой у вас уровень образования?

Без образованияШкола 9-11 классКолледжБакалавриатМагистратураАспирантура

Какой формат обучения вам подходит?

ОчноЗаочноОнлайнПо выходным дням

Вас интересуют бюджетные места?

ДаНет

И последний вопрос. Вы из Москвы?

ДаНет

Мы подобрали вам программу обучения

Заполните форму, чтобы узнать больше о программе и наших предложениях

Я даю согласие на обработку персональных данных, согласен на получение информационных рассылок от  Университета «Синергия» и соглашаюсь c политикой конфиденциальности

Уважаемый посетитель!

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

Статус Абитуриент Студент Родитель Соискатель Сотрудник Другое

Филиал Абакан Актобе Алагир Алматы Алушта Анапа Ангарск Армавир Архангельск Асбест Астрахань Атырау Баку Балхаш Барановичи Барнаул Белая Калитва Белгород Бельцы Берлин Бишкек Благовещенск Бобров Бобруйск Борисов Боровичи Бронницы Брянск Бузулук Видное Владивосток Владикавказ Владимир Волгоград Волгодонск Волжск Воркута Воронеж Вёшенская Гана Гомель Гродно Грозный Дамаск Дербент Димитровград Дмитров Долгопрудный Домодедово Дубай Дубна Душанбе Евпатория Екатеринбург Елец Ереван Жлобин Жуковский Звенигород Златоуст Зубова Поляна Иваново Ижевск Иркутск Истра Казань Калининград Карабулак Караганда Каракол Кашира Кемерово Киев Кизляр Кинешма Киров Королев Кострома Красноармейск Красногорск Краснодар Краснознаменск Красноярск Курган Курск Кызыл Липецк Лобня Магадан Майкоп Махачкала Минеральные Воды Минск Могилев Моздок Мозырь Москва Мурманск Набережные Челны Нальчик Наро-Фоминск Нижневартовск Нижний Новгород Нижний Тагил Новокузнецк Новосибирск Новоуральск Ногинск Норильск Ноябрьск Нур-Султан Обнинск Одинцово Озёры Омск Орел Оренбург Орехово-Зуево Ош Павлодар Пенза Пермь Петропавловск Подольск Полоцк Псков Пушкино Пятигорск Радужный Ржев Ростов-на-Дону Рыбинск Рязань Сальск Самара Самарканд Санкт-Петербург Саратов Светлогорск Севастополь Северодвинск Сергиев Посад Серпухов Слоним Смоленск Солигорск Солнечногорск Ставрополь Сургут Сызрань Сыктывкар Тамбов Ташкент Тбилиси Тверь Терек Тихорецк Тобольск Тольятти Томск Троицк Тула Тюмень Улан-Удэ Ульяновск Ургенч Усть-Каменогорск Уфа Ухта Хабаровск Ханты-Мансийск Хива Худжанд Челябинск Череповец Черкесск Чехов Шымкент Щербинка Электросталь Элиста Юдино Якутск Ярославль

Тип обращения Вопрос Предложение Благодарность Жалоба

Тема обращения Поступление Трудоустройство Обучение Оплата Кадровый резерв Внеучебная деятельность Работа автоматических сервисов университета Другое

* Все поля обязательны для заполнения

Я даю согласие на обработку персональных данных, согласен на получение информационных рассылок от Университета «Синергия» и соглашаюсь c  политикой конфиденциальности

Тренажеры для формирования практических навыков программирования.

Новые курсы и вебинары.

5 тренажеров для программистов На ITVDN в бесплатном доступе для вас всегда открыты тренажеры по: • HTML&CSS — состоит из 138 заданий • JavaScript — для начинающих состоит из 94 заданий • C# Starter — состоит из 40 заданий • C# Essential — состоит из 90 заданий • SQL Essential — состоит из 41 задания Новые уроки из курсов Java Essential и Swift Starter Мы продолжаем публиковать новые уроки из видео курсов Swift Starter. К концу декабря оба курса будут доступны в полном объеме. Если у вас открыта подписка ITVDN, то все новые уроки вы можете просматривать сразу по мере их публикации. Deadlines and project plans 14 декабря Виктор Осадчий продолжит серию вебинаров «IT English». Вебинар «Deadlines and project plans. Выполняем работу в срок и по-английски точно» будет полезен всем, кто так или иначе вовлечен в проектную работу. Программа и регистрация. Акция от наших партнеров: EnglishDom дарит вам 4 урока при покупке 10 и удваивает срок подписки на разговорные клубы. Акция действительна до 16 января! Для того, чтобы получить подарки, достаточно оставить заявку на странице и указать промокод «ITVDN+4» менеджеру, который позвонит в ответ на заявку. ОС Android. Введение в разработку мобильных приложений. На вебинаре, который состоится 20 декабря, Вы познакомитесь с самой популярной и быстроразвивающейся мобильной ОС Android. Мы рассмотрим, почему Java-разработчикам стоит разрабатывать именно под эту ОС и перспективы для мобильных разработчиков. На вебинаре мы создадим простенькое мобильное приложение чтобы продемонстрировать процесс создания мобильного приложения. Подробности вебинара и регистрация Итоги акции «1000 видео на YouTube канале ITVDN» 7 декабря 2016 года на YouTube канале ITVDN было опубликовано 1000-ное видео. Тысячным видео стал 4-й урок курсав акции приняли участие 314 человек, из которых 86 человек выбрали Swift Starter и приняли участие в розыгрыше 5-ти подарочных сертификатов на подписку ITVDN. Имена победителей смотрите на сайте! Воспользуйтесь промо-кодом IF6CFDA и получите скидку 20% на любой тип подписки ITVDN (кроме QA и PM). Срок действия промо-кода с 7 по 15 декабря 2016 года. C наилучшими пожеланиями, команда ITVDN Оставайтесь с нами и приводите друзей! ПРИСОЕДИНЯЙТЕСЬ К НАМ В СОЦИАЛЬНЫХ СЕТЯХ! Copyright © 2016 ITVDN. Все права защищены. Вы получили это сообщение, так как являетесь подписчиком портала ITVDN и дали согласие на получение маркетинговых рассылок.

Регистрация через

✖

или E-mail

Нажав на кнопку «Зарегистрироваться»,

Вы соглашаетесь с условиями использования.

Уже есть аккаунт

Получите курс бесплатно

✖

Вы выбрали курс для изучения
«»
Чтобы получить доступ к курсу, зарегистрируйтесь на сайте.

РЕГИСТРАЦИЯ

Спасибо за регистрацию

✖

Перейдите на почту и подтвердите Ваш аккаунт,
чтобы получить доступ ко всем
бесплатным урокам и вебинарам на сайте ITVDN.com

ПОДТВЕРДИТЬ ПОЧТУ НАЧАТЬ ОБУЧЕНИЕ

Спасибо за регистрацию

✖

Ваш аккаунт успешно подтвержден.
Начать обучение вы можете через Личный кабинет

пользователя или непосредственно на странице курса.

НАЧАТЬ ОБУЧЕНИЕ

Подтверждение аккаунта

На Ваш номер телефона было отправлено смс с кодом активации аккаунта. Пожалуйста, введите код в поле ввода.

Отправить код еще раз

Изменить номер телефона

Ошибка

✖

Практические упражнения по JavaScript для всех уровней

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

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

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

Что такое JavaScript?

JavaScript (не путать с Java) скриптовый язык программирования, появившийся в 1995 году и лежащий в основе современной Всемирной паутины. В то время как HTML заботится о содержимом и структуре страницы, а CSS — о стиле, JS используется на стороне клиента для управления поведением страницы — он оживляет ее.

Однако JavaScript сложнее первых двух. Это позволяет вам делать такие вещи, как:

• Автоматически обновлять контент, например, ленту социальных сетей

• Аниматические визуальные элементы

• Добавить визуальную обратную связь о взаимодействиях с пользователями

• Добавить интерактивные карты

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

  JavaScript также поддерживает несколько парадигм, поэтому вы можете писать свой код различными способами, например объектно-ориентированным или функциональным.

  В основе JavaScript лежит соглашение, называемое ECMAScript. Это спецификация языка сценариев, на которой он основан. Он определяет лексику и синтаксис языка, а также API, которые должны быть доступны в нем.

  Со временем было разработано множество фреймворков для улучшения функциональности и развития JS. Наиболее популярными из них являются React (и его подфреймворк Next.js), Vue (и его подфреймворк Nuxt.js) и Angular.

  Для чего его можно использовать?

  Его можно использовать во внешнем интерфейсе и запускать на стороне клиента/браузере или в фоновом режиме с помощью node. js.

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

  • Полные веб-приложения с полным стеком

  • Мобильные приложения (например, с React Native или Ionic)

  • Настольные приложения (с Electron.js),

  • Готовые решения для корзины покупок

  • И многое другое

  Зачем изучать JavaScript?

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

  Вот причины, по которым вам стоит изучать JS:

  • Очень востребован

  75 % компаний ищут веб-разработчиков на языке JavaScript.

  • Универсальность

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

  • Подходит для начинающих

  JavaScript — один из самых простых языков сценариев. Например, многие инструменты для отладки также доступны, чтобы сделать вашу жизнь новичка намного проще.

  • Бесплатно для изучения

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

  Изучение основ JavaScript

  Прежде чем приступить к упражнениям по JavaScript, лучше изучить основы. Вот несколько ресурсов, которые я рекомендую для начала:

  Если вы абсолютный новичок:

  • Learn JavaScript Репозиторий от Snipcart

  • Первый брызг в JavaScript от Mozilla

  • Вы должны изучить ванильный JavaScript перед JS Frameworks от

  • 5

    ELLO -glioScript

  • 12 ELLOBISCISCIST

  • 12 ELLOBISCISCIST

  • 12. для всех уровней

    Итак, теперь давайте приступим к делу и рассмотрим, как начать работу, когда вы поняли основы.

    Какими бы ни были ваши навыки работы с JavaScript, вот несколько упражнений по программированию на JavaScript, которые вы можете выполнять в своем собственном темпе.

    1. Упражнения W3 School JavaScript

    67 упражнений для отработки основ JavaScript.

    2. JavaScript — упражнения, практика, решение

    Бесплатные упражнения, охватывающие основы и более сложные аспекты JS, такие как асинхронная функция DOM (модальный объект документа) и многое другое.

    3. Показать IP-адрес пользователя с помощью JavaScript

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

    4. Добавьте элементы в список желаний с помощью JavaScript

    Упражнение, созданное нашим соучредителем Чарльзом. Идеально подходит для начинающих. Вы потренируетесь создавать простой список желаний с помощью JS в редакторе кода CodePen.

    5. Некоторые задачи JavaScript

    Ресурс с 47 упражнениями для практики любого уровня. С упражнениями известных университетов.

    6. Отладка Vue.js

    Учебное пособие и упражнение по отладке внешнего интерфейса Vue.js. Идеально подходит для разработчиков среднего уровня.

    7. Создание веб-приложения электронной коммерции React

    Учебное пособие по JavaScript и упражнение по созданию динамического веб-сайта React.

    8. Прогрессивная разработка веб-приложений с помощью Nuxt

    Учебное пособие по JavaScript и упражнение по созданию PWA с помощью JavaScript-фреймворка.

    9. Создание Node.js для электронной коммерции

    Учебное пособие и упражнение по созданию полноценного веб-сайта электронной коммерции с использованием Snipcart, Node.js и Koa.js в качестве внешнего интерфейса.

    10. 5 Типичные упражнения на собеседовании по JavaScript

    5 упражнений для собеседования веб-разработчика JavaScript.

    Курсы JavaScript

    Введение в JS: рисование и анимация

    Это бесплатный курс Академии Хана. Каждый раздел сопровождается пояснительным видео, а затем у вас есть упражнения для практики того, что вы только что узнали.

    Алгоритмы JavaScript и структуры данных

    Бесплатный курс от freecodecamp. С 113 упражнениями, которые охватывают основы JavaScript.

    Изучение JavaScript

    Бесплатный курс от Learn JavaScript. Покройте основы упражнениями, чтобы практиковать их на каждом этапе.

    Изучение JavaScript

    Это курс Code Academy. Это очень интерактивно, однако вам нужна подписка, чтобы иметь доступ ко всему курсу.

    Курсы JavaScript для мобильных устройств

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

    Grasshopper

    Это приложение (мобильное и веб-), разработанное командой Google. Это интересный способ изучения JavaScript с помощью упражнений. Курс разделен на небольшие разделы, которые вы можете пройти, когда у вас есть несколько минут.

    Mimo

    Mimo — это приложение для изучения веб-разработки. Хотя это не ограничивается строго JavaScript, вы можете изучать и практиковать только JavaScript. Хотя они предлагают бесплатную версию, вы также можете подписаться на Mimo Pro, чтобы разблокировать больше упражнений.

    Заключение

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

    Сообщите нам в комментариях, как все прошло, если вы пробовали какое-либо из упражнений. Если вам понравилось, подумайте о том, чтобы поделиться им.

    Изучайте ванильный JavaScript перед Fancy Frameworks

    Перенеситесь в 2013 год. ⏪

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

    «Что-то не так с нашим приложением Angular, чувак. У меня уже идет дайджест 9Везде выскакивает ошибка 0232 — не могу понять, что происходит», — говорит он, явно нервничая.

    Но я не нервничаю и не нервничаю. Я точно знаю, с чего начать поиск, потому что знаю свой JavaScript. и все это благодаря роботу .

    ---

    Перемотка назад в 2011 год. закончил разработку и не имел никакого желания изучать ванильный JavaScript или что-либо связанное с ним.0003

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

    Мы назвали робота Оптимус Прайм и в итоге продали его Майклу Бэю.

    Мы наткнулись на эту новую классную штуку под названием Node.js (тогда это была документация). Никаких причудливых зависимостей, легкое создание дочерних процессов, асинхронность и управление событиями. .. и многие в Интернете говорили, что это дерьмо. Мы понятия не имели, что такое JavaScript или V8, но это все равно казалось хорошим вызовом для нашего проекта.

    Сверстники посоветовали мне найти достойную библиотеку для моих случаев использования и выполнить некоторые операции копирования/вставки, чтобы выполнить работу по обмену данными через сокеты. Я мог бы сделать именно это.

    Но я этого не сделал. Хотя я не знал этого в то время, это было одно из лучших решений, которые я принял в начале своей карьеры.

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

    Между тем, как справиться с нетерпением моих товарищей по команде и создать не очень чистую, функциональную кодовую базу роботов, я узнал целую чертову *.

    ---

    Так в чем здесь смысл? Я потратил достаточно времени, чтобы понять основные принципы JavaScript, прежде чем использовать ярлыки, предоставляемые платформами JavaScript и библиотеками . Почему это важно? Вот о чем этот пост: не просто притворяется.

    Источник: вечно веселый @iamdevloper.

    Что такое "ванильный JavaScript"?

    Позвольте мне процитировать ответ koenpeters о переполнении стека:

    "VanillaJS — это имя для обозначения использования простого JavaScript без каких-либо дополнительных библиотек , таких как jQuery в те дни. Люди используют его как шутку, чтобы напомнить другим разработчикам. что в наши дни многое можно сделать без дополнительных библиотек JavaScript».

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

    Шутка о "фреймворке" Vanilla JS

    Интернет-форумы заполнены вопросами типа:

    В чем смысл ванильного JavaScript? Когда был придуман этот термин?

    История сайта Vanilla JS, который выдает себя за сайт "JS framework", коротка, но забавна. Эрик Вастл создал его в 2012 году, используя немного троллинга и путаницы, чтобы донести мысль: вы часто можете использовать простой JavaScript вместо дополнительных фреймворков или библиотек JS.

    Хотя сам по себе термин не был придуман Эриком, его сайт определенно помог его популяризации.

    Состояние современного простого JavaScript

    Исторически сложилось так, что разработчикам нужно было обходить простой JavaScript для МНОГИХ задач, будь то обеспечение единообразного поведения кода в браузерах или просто выход за рамки того, что предлагал Javascript в то время. Мы говорим IE 6-7 дней. Разработчики часто по умолчанию использовали jQuery. Но этот давний рефлекс полагаться на внешние библиотеки теперь неактуален, благодаря эволюции спецификации ECMAScript и современным браузерам, которые более внимательно следят за ней.

    Несколько слов о JS-фреймворках: плюсы и минусы

    Источник изображения

    Во-первых, что я имею в виду под JS-фреймворками?

    Я положил все Angular, Vue, React, Next. js, Nuxt.js, Knockout, Ext, jQuery, Meteor, Express, Koa, Total, Socket.io и так далее в одну коробку.

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

    Плюсы: почему я считаю JavaScript-фреймворки потрясающими

    → Они помогают вам, абстрагируя трудный и сложный код.

    → Они помогают быстрее выпускать код и увеличивать скорость разработки.

    → Они заставляют вас сосредоточиться на ценности вашего приложения, а не на его реализации.

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

    Я считаю, что самая большая ценность, которую можно найти в JS-фреймворках, — это сотрудничество . Их последовательный интерфейс и методы позволяют разработчикам, скажем, из Канады, США и Бразилии понимать друг друга и работать вместе.

    Если вы создаете приложение с помощью [вставьте свой любимый фреймворк], когда придет время, вы сможете найти опытного разработчика, который с уверенностью погрузится в кодовую базу проекта. Этот человек сможет приступить к работе с функциями без необходимости объяснять каждую часть архитектуры вашего программного обеспечения.

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

    Минусы: почему я считаю, что JS-фреймворки не НАСТОЛЬКО классные

    Все люди, работающие над реализацией фреймворков, талантливы — по крайней мере, большинство из них. Они проделывают огромную работу по упрощению сложных задач. Но все эти уровни абстракции могут быстро стать 90 258 злом 9.0259 .

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

    Конечно, фреймворки полезны для небольших групп, работающих над одним приложением. Да, они сэкономят вам время (если только вы не фанат рефакторинга). Но что, если у вас есть несколько команд, работающих над несколькими приложениями? Как вы думаете, все руководители групп согласятся с единой структурой для всего набора приложений? А что, если в будущем появится новый фреймворк «крутой ребенок»?

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

    Почему вы должны изучать ванильный JavaScript перед фреймворками?

    Если вы овладеете основами JavaScript, ваша единственная проблема при изучении новых фреймворков JS будет связана с их специфическим синтаксисом.

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

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

    Просто подумайте о том, что должны были делать «разработчики jQuery»: пытаться догнать Angular. Теперь они пытаются догнать React/Vue. Кто знает, что будет завтра? И грустная, депрессивная петля продолжается.

    Знание ванильного JavaScript поможет вам действительно понять — или даже внести свой вклад — в JS-фреймворки и поможет вам выбрать правильный , когда вам это нужно.

    Для меня это принесло много положительных моментов:

    • Это помогло мне реализовать убийственный набор клиентских функций для приложения Ember в очень короткие сроки, не зная ни хрена об Ember.

    • Мне предложили работу от одного технологического гиганта из-за очень простой библиотеки, которую я написал в свободное время.

    • Это заставило меня очень быстро выявлять ошибки в реализации библиотек и предлагать простые решения.

    Где и как научиться ванильному JavaScript?

    Надеюсь, я убедил вас замарать руки с помощью старого доброго JavaScript. Итак, если вы хотите надрать задницу веб-разработке, вот мой совет высокого уровня:

    Всегда будьте любопытны, всегда читайте исходный материал и всегда пробуйте сами.

    И еще несколько конкретных советов:

    • Всякий раз, когда новая JS-библиотека или фреймворк появляются на Echo JS, Hacker News или GitHub, продолжайте читать исходники.

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

    • Перейдите на Stack Overflow и бросьте вызов себе, чтобы самостоятельно ответить на вопросы по ванильному JS.

    Для начинающих: я считаю, что процесс обучения, описанный в этом посте Дж.С. хорошее место для начала:

    1. Изучите основы Udacity, Codecademy, freeCodeCamp или Udemy (их бесплатные или платные курсы)

    2. Смотреть JavaScript: Понимание странных частей

    3. Прочтите серию YDKJS!

    Теперь об учебных ресурсах:

    Learn Vanilla JS — список ресурсов с открытым исходным кодом на GitHub 👈

    Я работал с моим другом Франком, генеральным директором Snipcart, чтобы составить тщательно подобранный список учебных пособий по Vanilla JS, книг, курсы, документация, источники новостей и блоги .

    🔔 Мы хотим, чтобы он был максимально открытым и удобным для сотрудничества. Так что не стесняйтесь добавлять ценные вещи с помощью вилки + PR! 🔔

    Some notable one-off articles not added to the list above:

    • Modern JavaScript Explained For Dinosaurs

    • Modern JavaScript for Ancient Web Developers

    • Glossary of Modern JavaScript Concepts: Part 1

    • 18 тщательно отобранных подкастов JavaScript в 2021 году

    Надеюсь, вы найдете что-то полезное в этой небольшой вики по JavaScript!

    Takeaways

    Итак, вот мой TL;DR для вас, ребята:

    • Если вы не знаете основных принципов сети, вы в конечном итоге упретесь в стену благодаря эволюции самого языка и постоянному появлению новых фреймворков.

    • Знание чистого JS сделает вас ключевым инженером, способным решать сложные проблемы (разумейте, прежде чем лихорадочно искать).

    • Это сделает вас универсальным и продуктивным как на внешнем, так и на внутреннем уровне.