Изучение джава скрипт с нуля: Основы JavaScript

JavaScript книги, курсы | что читать/смотреть

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

2408 просмотров

Сам роадмап в телеге, все в лайве, примерные сроки 6 месяцев, если хотите изучить фронтенд, welcome ( https://t.me/into_frontend ).

1. Взаимозаменяемость уч.материалов

Это очень важно, понимание этого способно решить кучу проблем, особенно на ранних этапах.

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

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

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

2. Начать выстраивать план изучения лучше с какого-то опорного уч.материала

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

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

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

В JS для роли такого опорного материала отлично подойдут:

Для начинающих:

2.1.https://learn.javascript.ru — легендарный сайт, он всем хорош, однако ребята которых я менторил приходили ко мне вот с какой проблемой:

-прочитал главу на learnjavascript, все понял, задачи в конце решил, после открываю codewars, беру задачи по теме, не могу решить без открытой в соседней вкладке той самой прочитанной/понятой/прорешенной главы, как так?

Дальше мы обсудим эту тему, важно — это не проблема уч.материала, с ним все в порядке, это проблема самого языка, ничего тут не поделаешь, js имеет это странное свойство — маскироваться под очень простую понятную штуку, а потом ‘ускользать’, когда дело касается реального применения.

Для продолжающих:

2.2.Флэнаган Дэвид, JavaScript. Полное руководство

(книга с носорожком)

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

Я ее буквально сейчас держу в руках, и на задней обложке красуется “книга предназначена для программистов, желающих изучить js”, еще раз, ‘для программистов’, а не для новичков.

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

3.Ускользающий js

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

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

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

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

Я как-то делал видео (там есть привязка ко времени, но если не сработает — 8:35) про питон, где затрагивал весьма искусственно разбиение на уровни(планирования и реализации). Так вот, js — это игровая площадка для уровня планирования.

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

4. JavaScript с нуля, Чиннатхамби Кирупа

Эта книга — отличный(возможно лучший) вариант для старта. Материал изложен в ней именно последовательно, это не просто объяснить, но в сравнении с другими вводами в js, сразу станет понятно, почему это огромное преимущество, к тому же, книга совсем не перегружена(в js с этим проблемы).

На гугл книгах(прост вбейте название в гугле, справа будет карточка книги) доступен предпросмотр 80 страниц, тут проще один раз посмотреть, чем читать почему она хороша.

5. Freecodecamp

Freecodecamp[англ.] — является олицетворением вот этого ‘научим всех программировать’. Если вы спросите программиста из Америки/Канады, то вероятность 90% порекомендуют его или аналоги(например, codeacademy). Из аналогов выделяется тем, что это буквально пик подобных проектов.

Freecodecamp ‘nonprofit organization’, т.е. у них все бесплатно, но время от времени будут просить сделать донат, по моему в виде подписки(разумеется, все добровольно, можно и не делать).

Есть курсы начиная с основ html и до React-a, дают сертификаты(честно скажу, никому никакие сертификаты не нужны, но все же), куча задач, вполне себе хорошая теория, и оч крутой форум. Также есть отдельные задания-проекты.

6. Введение в программирование, hexlet

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

https://ru.hexlet.io/courses/introduction_to_programming очень крутой курс введения в программирование, подача на высшем уровне.

Этот же курс есть на степике https://stepik.org/course/13929 , правда там он несколько урезан

7. Выразительный JavaScript

Оригинал — https://eloquentjavascript.net

Перевод — https://karmazzin.gitbook.io/eloquentjavascript_ru

Один из самых примечательных вводов в ЯП. Отличная книга, много кода, много примеров, все хорошо объяснено, отдельно хочется отметить главы-проекты, чего только стоит проект — создание маленького языка программирования.

8. https://developer.mozilla.org/ru/docs/Learn/JavaScript/First_steps

Ну и разумеется, документация JS, там есть отличные туториалы, стоит ознакомиться.

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

Подробнее на хабре

Сам плейлист курса с канала Timur Shemsedinov

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

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

Содержание статьи:

• Стоит ли изучать JavaScript в 2022 году
• Что нужно знать перед изучением JavaScript?
• С чего начать изучать Javascript
• Книги по JavaScript для начинающих
• Сайты для изучения программирования на JavaScript
• Бесплатные видео уроки по изучению Javascript
• Курсы обучения Javascript с нуля
• Как правильно учить JavaScript, чтоб был результат
• За сколько времени можно выучить Javascript

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

Стоит ли изучать JavaScript в 2022 году

JavaScript стоит учить в 2022 году, потому что это популярный язык программирования. В рейтинге Github он занимает 3 место среди языков программирования.

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

В перспективе можно перейти с JavaScript на изучение TypeScript, фреймворка Angular или библиотеки React, React Native, Node JS.

Что нужно знать перед изучением JavaScript?

JavaScript можно учить с нуля, но лучше иметь базовые знания по HTML и CSS. Необязательно углубляться, прочтите коротенькую книгу по HTML и CSS для начинающих или посмотрите видео на Youtube «HTML за 3 часа».

С чего начать изучать Javascript

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

• Синтаксис и базовые операции
• Динамическая типизация.
• Работа с DOM
• Стандарт ES6, ES7, ES8.

Книги по JavaScript для начинающих

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

Дэвид Флэнаган JavaScript. Полное руководство — эту книгу стоит прочитать не только новичкам, а и программистам, которые уже работают с джаваскрипт. На сегодня актуально 7-е издание 2021 года.

Сайты для изучения программирования на JavaScript

developer.mozilla.org — основной справочник по языку JavaScript, HTML и CSS

learn.javascript.ru — современный учебник JavaScript с примерами и задачами. Есть возможность купить EPUB или PDF версию.

w3schools.com — руководство по языку JavaScript. На сайте можно найти не только справочную информацию, а и попробовать написать код.

Бесплатные видео уроки по изучению Javascript

В Youtube довольно много бесплатных видео по изучению джаваскрипта. Рекомендую подписаться на каналы:

• Timur Shemsedinov
• Владилен Минин
• Bogdan Stashchuk
• Ivan Petrychenko
• IT-KAMASUTRA

Новичкам рекомендую посмотреть «Полный курс JavaScript для начинающих» от Богдана Стащука. По отзывам это самое доступное и понятное объяснение материала.

Курсы обучения Javascript с нуля

Полный курс по JavaScript + React — с нуля до результата от Ивана Петриченко.

JavaScript — Полный курс по JavaScript (включает 80 задач) — от Богдана Стащука.

JavaScript Стартовый — курс для новичков от ITVDN.

HTML, CSS, and Javascript for Web Developers — курс на Coursera от Johns Hopkins University.

На сайте Udemy часто можно купить курс для самостоятельного обучения всего за 10 — 20 долларов.

Как правильно учить JavaScript, чтоб был результат

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

На сайте codewars.com есть задачи по JavaScript. Выполняйте эти задачи сразу же после изучения определенной темы, чтоб закрепить полученные знания.

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

За сколько времени можно выучить Javascript

Основы JS можно выучить за несколько недель или месяцев, если уделять обучению 3 — 5 часов в день. Но это не сделает из вас хорошего программиста. С минимальной базой знаний попробуйте устроиться стажером или джуниором в IT компанию. На работе вы будете больше времени посвящать программированию и изучать именно то, что нужно для решения поставленных задач, а не все подряд.

Стать хорошим JavaScript разработчиком можно за 1 — 3 года, если уделять много времени обучению и практике.

Программирование для визуалов: изучение JavaScript с нуля – сотрудничество + карьера

База данных Oracle 12c: администрирование

Дэвид Яхалом

Oracle Database 12c — ведущая в мире система управления реляционными базами данных. В этом курсе сертифицированный инструктор и консультант Oracle Дэвид…

Windows Server 2016: Установка и настройка

Скотт М Баррелл

Планирование установки и настройки Windows Server 2016 — важный навык для любого системного администратора. В этом курсе Скотт…

Learning Java Enterprise Edition

Alex Theedom

Платформа Java Enterprise Edition (EE) построена на основе Java Standard Edition (SE) и представляет собой мощное решение для корпоративных вычислений. Статистика является ключевым навыком для многих профессий. Базовая статистика имеет решающее значение для принятия решений, новых открытий, инвестиций и даже…

Анализ больших данных с помощью Hive

Бен Саллинз

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

Лаборатория принципов компьютерных наук: C#

Дуг Винни

C# — это универсальный язык программирования, который можно использовать по-разному. На нем работают многие приложения Windows и .NET для настольных ПК,…

Linux CentOS 7: управление пользователями и группами

Grant McWilliams

Linux-серверы часто содержат тысячи пользователей и пользовательских файлов. Легче поддерживать пользователей, если они содержатся в…

Использование RESTful API в PHP с помощью Guzzle

Джастин Йост

Guzzle — HTTP-клиент PHP — предоставляет простой интерфейс для отправки HTTP-запросов и получения ответов. В этом курсе вы узнаете, как…

Разработка приложений для iOS: специальные возможности

Кевин Фавро

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

AngularJS 1.x Советы и хитрости

Авив Бен-Йосеф

Хотя AngularJS 1.x, как правило, является хорошо протестированной и понятной структурой, у него все еще есть секреты, которыми можно поделиться. В этом курсе вы узнаете…

Базовое обучение Scala

Пегги Фишер

Готовы ли вы открыть для себя возможности языка программирования Scala? Исходный код Scala компилируется в байт-код Java, поэтому…

SVN для разработчиков Java

Джулиан Робишо

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

PHP с MySQL Essential Training: 1 Основы

Кевин Скоглунд

PHP — популярный язык программирования и основа многих интеллектуальных веб-сайтов, управляемых данными. Этот всеобъемлющий курс от Кевина Скоглунда…

Базовое обучение Visual Studio: 00 Установка и настройка

Уолт Ритчер

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

AngularJS: Scope and Digest

Панель Iftach

Scope лежит в основе истории привязки данных AngularJS, объединяя контроллер (JavaScript) и представление (HTML)…

Cosmos DB: импорт, манипулирование, индексирование и запрос

Azure Cosmos DB — это многомодельная база данных, распределенная по всему миру и замечательно масштабируемая. Помимо 99,99 %…

Расширенная разработка приложений для iOS: MapKit и Core Location

Steven Lipton

Пользователи ожидают, что приложения будут «осведомлены о местоположении» — чтобы знать, где они находятся, предлагать, куда им двигаться дальше, и сообщать им… — упрощает получение данных, необходимых для вашего…

Клиника баз данных: SQLite

Марк Ниманн-Росс

SQLite — это мощное встроенное ядро ​​базы данных, являющееся основной технологией хранения в приложениях Android и iOS. В этом выпуске…

Метаанализ для науки о данных и бизнес-аналитики

Конрад Карлберг

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

Изучение современного JavaScript с нуля более чем за половину десятки проектов для практики.

Детали курса

Привет, коллега-разработчик!

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

Я преподаю JavaScript более 8 лет и использую JavaScript с конца 90-х. Я помог более 45 000 студентов выучить этот забавный и фантастический язык программирования, JavaScript!

Вы ищете подробный курс для изучения JavaScript?

Ура. .. этот курс для вас!

• Более 8 часов видео
• Более 55 уроков
• 5 мини-проектов
• 3 средних проекта
• 1 выпускной проект

Этот курс для вас?

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

Вот чему вы научитесь на этом курсе

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

1. Основы JavaScript — Вы узнаете, как писать JavaScript, где он применяется и как его выполнять. Мы рассмотрим синтаксис JavaScript (забавно выглядящие фигурные скобки). Мы также рассмотрим способы простой отладки вашего кода JavaScript, чтобы вы не тратили свое драгоценное время впустую, глядя на неработающий код.
2. Переменные — Переменная — это небольшой фрагмент памяти, выделенный на вашем компьютере. Он используется для хранения небольшого фрагмента данных, например, вашего имени, номера или нескольких строк кода, которые он должен выполнить.
3. Интерактивность веб-страницы . Причина № 1, по которой JavaScript так популярен, заключается в его способности взаимодействовать с веб-страницей. Вы узнаете, как принимать пользовательский ввод, изменять внешний вид вашей страницы и предпринимать действия на основе действий пользователей. Это то, что делает веб-сайты по-настоящему интерактивными.
4. Типы данных и структуры данных . В отличие от других курсов, в этом курсе JavaScript для начинающих вы узнаете о различных типах данных и о том, как их использовать. Вы узнаете о числах, строках, числах с плавающей запятой, функциях, объектах, undefined, null и многом другом… и почему это важно знать.
5. Условные операторы . Это маленькие контрольные точки в программе, которые заставляют компьютер что-то делать. Например, если вам 18 лет или больше, вы можете голосовать. Это реальное «условное утверждение». Читается так: , если возраст > 18: сделайте что-нибудь. Именно так компьютеры узнают, что делать, и вы научитесь их писать.
6. Функции — Когда вы напишете достаточно кода, вы в конечном итоге будете копировать и вставлять один и тот же код снова и снова. Функция позволяет написать фрагмент кода один раз и использовать его снова и снова. Вы узнаете об обычных функциях, немедленно вызываемых функциях, анонимных функциях и стрелочных функциях!
7. Циклы — Одной из самых мощных концепций информатики является идея «цикла». По сути, он позволяет вам выполнять одно действие снова и снова, пока не будет остановлено. Вы узнаете о циклах for, foreach и while!
8. Особенности JavaScript — JavaScript обладает некоторыми странными функциями, которых нет в других языках программирования. В этом курсе мы вместе рассмотрим несколько «причуд», и вы узнаете о таких вещах, как подъем, замыкание, промисы и область видимости блока.
9. Объекты, классы и ООП — В JavaScript есть специальный тип данных, называемый объектом. Он позволяет хранить именованные точки данных для легкого доступа вместе с функциями. В современном JavaScript мы можем написать класс, как и в других языках, таких как Python. Классы — это более удобный способ написания объектов JavaScript. Вы можете расширять их, перезаписывать их части и повторно использовать целые куски кода — они похожи на функции, но намного больше. И вы узнаете все об этом!
10. API и запросы Ajax — API неизбежны в веб-разработке. Важно знать, как они теоретически работают и как с ними работать. Вы получите практический опыт работы с реальным API и запросом Ajax.

Вы готовы начать писать JavaScript?

Если нет… подумайте вот о чем: у меня есть еще два курса по JavaScript, на которых учатся более 45 000 студентов и более 2000 отзывов! Вот несколько реальных отзывов о других моих курсах JavaScript:

— Я уже несколько месяцев пытаюсь опереться на Javascript. Этот курс помогает всему встать на свои места.

— Я очень люблю и ценю этого репетитора за его способ объяснения. Фантастика!

— Курс еще не пройден, но из предыдущих уроков я понял, что объяснения Калоба ясны и лаконичны. Он четко объясняет, что он делает и почему. Темп на месте, и я никогда не чувствовал, что объяснения были многословными. У меня никогда не было полной уверенности в Js, поэтому я решил купить этот курс. Я чувствую, что уроки помогают, и с каждым днем ​​я постепенно обретаю уверенность в себе. Отлично подходит для начинающих.

— Удивительно, объяснение такое простое, жаль, что я не прошел этот курс раньше.