We may earn an affiliate commission when you visit our partners.
Михаил Непомнящий

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

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

Read more

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

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

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

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

ЧТО ВКЛЮЧЕНО В КУРС?

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

  • Основы языка: переменные, константы, функции, циклы и многое другое

  • Массивы и объекты: мы разберем важнейшие структуры данных и научимся с ними взаимодействовать

  • Управление потоком: поймем как выполнять код по простым и сложным условиям

  • Как работает JavaScript: посмотрим как происходит взаимодействие с памятью и что нужно учитывать во время разработки

  • Работа с браузером: научимся взаимодействовать с веб-страничками, добавлять им интерактивности и хранить данные на стороне пользователя

  • События в JavaScript: научимся обрабатывать пользовательские и браузерные события

  • Библиотеки JS: на конкретных примерах посмотрим как подключать и использовать сторонние библиотеки на JavaScript

  • Классы и Объектно-ориентированное программирование: познакомимся с основами данной концепции и поймем как это работает в JavaScript

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

  • Http-запросы: научимся отправлять запросы на сервер через JavaScript

  • REST API: научимся использовать современный способ общения между клиентом и сервером и выполним проект, используя сразу два API ресурса

  • NodeJS: научимся выполнять JavaScript код вне браузера и использовать пакетный менеджер NPM

Почему это именно тот курс, который даст результат

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

При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. А курсы по JavaScript также провожу в учебном центре "Специалист" в Москве.

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

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

РЕСУРСЫ КУРСА

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

  • Качайте и смотрите где угодно. Все видео скачиваемы в мобильных приложениях Udemy.

  • Я подготовил для вас материалы для скачивания к самым сложным блокам курса. Скачивайте код и используйте для самопроверки.

  • Ответы на вопросы - спрашивайте сами и читайте ответы на вопросы других пользователей к урокам. Прокачивайте свои навыки.

Enroll now

What's inside

Learning objectives

  • Создание интерактивных элементов на веб-сайтах
  • Обмен данными между клиентом и сервером через javascript
  • Использование сторонних javascript-библиотек
  • Структуры данных и работа с ними
  • Ооп в javascript
  • Фундаментальные основы javascript
  • Модульная система
  • Создание ui элементов

Syllabus

Разобрать, что за язык изучаем, сфера применения, версии, запуск в браузере и NodeJS
Введение
Обзор модуля
Сфера применения JavaScript, его версии и документация
Read more
Подключение JavaScript к html-странице
Использование JavaScript вне браузера
Полезные ссылки
Познакомиться с понятиями: переменная, типы данных, массивы, поток, циклы, функции
Типы данных в JavaScript
Понятие переменных
Создание переменных
Математические операции в JavaScript
Логические выражения
Правдивые и ложные значения
Проверка логических выражений
Условный оператор
Действия в зависимости от условий
Оператор switch
Тернарный оператор
Преобразование условных конструкций
Массивы как хранилища данных
Создание массивов
Понятие цикла
Использование цикла
Цикл for
Применение цикла for.
Оператор break
Оператор continue
Выборка чисел из массива по условию
Понятие функции
Создание простых функций
Встроенный объект Math
Проект "Угадай число". Постановка задачи
Проект "Угадай число"
Проект "Угадай число". Решение
Итоги модуля
Познакомиться с объектами, созданием кастомных методов, использование встроенных - для строк, массивов, объектов и чисел.
Простые объекты с данными
Создание и изменение объекта
Хранение по ссылке
Оператор in
Цикл for..in
Вывод всего содержимого объекта
Цикл for..of
Методы объекта, контекст
Использование методов объекта
Встроенные методы строк
Встроенные методы чисел
Использование встроенных методов чисел и строк
Встроенные методы массивов
Использование методов массива
Объект ошибки и работа с ошибками
Объект регулярного выражения
Проект "Загадки". Постановка задачи
Проект "Загадки". Практика
Проект "Загадки". Решение
Варианты записи функций, функции и процедуры, область видимости, колбэки и функции высшего порядка, рекурсия, замыкание, контекст вызова функции.
Функции vs процедуры
Функции и память
Варианты записи функций
Практика создания функциональных выражений
Практика создания стрелочных функций
Область видимости
Колбеки и функции высшего порядка
Практика по созданию функций высшего порядка
Рекурсия
Практика на рекурсию
Замыкание в JS
Практика на замыкание
Контекст вызова функции
Уточнение контекста вызова функции
Практика на использование контекста
Проект. Постановка задачи
Проект. Практика
Проект. Решение
Продвинутые методы массивов, контекст объектов, деструктуризация, спред, глобальные методы языка, формат JSON и работа с ним
Понятие стека и очереди
Понятие иммутабельности
Маппинг массивов и коллекций
Практика на маппинг массивов и коллекций
Фильтрация
Практика на фильтрацию
Метод reduce
Практика на reduce
Поиск в коллекции
Практика на поиск в коллекции
Сортировка массива
Практика на сортировку массивов
Оператор остатка
Деструктуризация массивов
Практика на деструктуризацию массивов
Деструктуризация объектов
Практика по деструктуризации объекта
Шаблонные строки
Глобальные методы

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Covers modern JavaScript syntax and features, which allows learners to build applications using current best practices and avoid outdated approaches
Includes hands-on exercises with automatic verification, which helps learners solidify their understanding and build practical skills through immediate feedback
Explores asynchronous and synchronous programming, which is essential for handling complex operations and improving the performance of web applications
Includes a section on using NodeJS, which allows learners to execute JavaScript code outside of the browser and expand their development capabilities
Teaches REST API usage, which is a modern approach to client-server communication and enables learners to build applications that interact with external services
Requires learners to download software and materials, which may require them to have access to a broadband connection and a computer with sufficient storage

Save this course

Save Фундаментальный JavaScript. С практикой и проектами to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Фундаментальный JavaScript. С практикой и проектами with these activities:
Повторите основы HTML и CSS
Освежите свои знания HTML и CSS, чтобы лучше понимать, как JavaScript взаимодействует с веб-страницами.
Browse courses on HTML
Show steps
  • Просмотрите учебники по HTML и CSS.
  • Попрактикуйтесь в создании простых веб-страниц.
Прочтите 'Выразительный JavaScript' Марейна Хавербека
Изучите основы JavaScript с помощью книги, ориентированной на практику и понимание концепций.
Show steps
  • Прочитайте главы, посвященные темам курса.
  • Выполните упражнения в конце каждой главы.
Прочтите 'JavaScript. Подробное руководство' Дэвида Флэнагана
Изучите подробное руководство по JavaScript для углубленного понимания языка.
Show steps
  • Прочитайте разделы, соответствующие темам курса.
  • Выполните примеры кода из книги.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Создайте To-Do List на JavaScript
Разработайте интерактивный список дел, чтобы закрепить знания о работе с DOM и событиями.
Show steps
  • Создайте HTML-структуру списка дел.
  • Напишите JavaScript-код для добавления, удаления и редактирования задач.
  • Добавьте стили CSS для улучшения внешнего вида.
Решайте задачи на LeetCode по JavaScript
Практикуйтесь в решении алгоритмических задач на JavaScript для улучшения навыков программирования.
Show steps
  • Выберите задачи, соответствующие темам курса.
  • Решайте задачи самостоятельно, а затем сверяйтесь с решениями.
Напишите статью о замыканиях в JavaScript
Объясните концепцию замыканий в JavaScript простым и понятным языком, чтобы углубить свое понимание.
Show steps
  • Изучите различные источники о замыканиях.
  • Напишите статью с примерами кода.
  • Опубликуйте статью в своем блоге или на платформе для разработчиков.
Внесите вклад в open-source проект на JavaScript
Помогите улучшить существующий проект, чтобы получить опыт работы в команде и углубить свои знания JavaScript.
Show steps
  • Найдите open-source проект на JavaScript, который вам интересен.
  • Изучите код проекта и найдите ошибки или улучшения.
  • Отправьте pull request с вашими изменениями.

Career center

Learners who complete Фундаментальный JavaScript. С практикой и проектами will develop knowledge and skills that may be useful to these careers:
Веб-разработчик
Веб-разработчик создает и поддерживает веб-сайты и веб-приложения, используя такие языки, как JavaScript. Этот курс дает фундаментальные знания JavaScript, необходимые для этой роли, включая синтаксис, структуры данных, работу с браузером и HTTP-запросами. Веб-разработчику также необходимо понимание современных веб-технологий, таких как REST API и Node.js, которые также охватываются в этом курсе. Практические проекты и упражнения помогут закрепить эти навыки. Если вы хотите стать веб-разработчиком, этот курс может помочь вам построить прочный фундамент.
Программист JavaScript
Программист JavaScript занимается написанием кода на JavaScript для различных целей, включая веб-разработку, мобильные приложения и серверную разработку. Этот курс дает фундаментальное понимание языка JavaScript, включая синтаксис, структуры данных, объектно-ориентированное программирование и асинхронное программирование. ПрограммистуJavaScript требуется понимание того, как работает JavaScript во всех этих областях, и этот курс может помочь вам достичь этого. Вы также изучите работу с браузером, HTTP-запросы и использование REST API. Этот курс может стать отправной точкой для развития в качестве программиста.
Фронтенд-разработчик
Фронтенд-разработчик специализируется на создании пользовательского интерфейса веб-сайтов и веб-приложений. Этот курс обучает основам JavaScript, который является ключевым для фронтенда. Вы научитесь работать с браузером, обрабатывать события, управлять DOM и многое другое. Фронтенд-разработчику необходимо уметь создавать интерактивные элементы, что является одной из основных целей курса. Понимание асинхронного программирования и работы с библиотеками JS, как преподается в этом курсе, также необходимы. Этот курс помогает начинающим фронтенд-разработчикам овладеть JavaScript.
Разработчик интерактивных веб-страниц
Разработчик интерактивных веб-страниц специализируется на создании динамичных и привлекательных веб-страниц, которые реагируют на действия пользователя. Этот курс, посвященный JavaScript, дает разработчику основу для создания интерактивных элементов, обработки пользовательских событий и управления DOM. Вы узнаете о структурах данных, асинхронном программировании и использовании сторонних библиотек. Разработчик интерактивных веб-страниц должен понимать, как веб-страницы работают изнутри, поэтому этот курс станет для вас хорошим шагом в этом направлении.
Разработчик пользовательского интерфейса
Разработчик пользовательского интерфейса отвечает за создание и реализацию дизайна пользовательских интерфейсов веб-сайтов и приложений. JavaScript является важным инструментом, который используется для придания интерактивности этим интерфейсам. Данный курс помогает разработчику пользовательского интерфейса понять основы языка, включая структуры данных, алгоритмы и асинхронное программирование. Умение работать с событиями и взаимодействовать с браузером также дает преимущество. Изучение сторонних библиотек JavaScript и REST API помогает разработчику пользовательского интерфейса строить современные и функциональные интерфейсы. Этот курс помогает строить фундамент в этой области.
Разработчик веб-приложений
Разработчик веб-приложений создает сложные интерактивные веб-приложения. Этот курс предоставляет фундаментальные знания JavaScript, необходимого для разработки таких приложений, от работы с базовыми структурами данных до обработки событий и использования сторонних библиотек. Разработка веб-приложений часто включает взаимодействие с REST API, которое данный курс рассматривает в подробностях. Этот курс, обучая асинхронному программированию и объектно-ориентированному подходу, может быть полезен разработчику веб-приложений, который хочет повысить свой профессионализм. Этот курс заложит основу, необходимую для работы с веб-приложениями.
Бэкенд-разработчик
Бэкенд-разработчик занимается серверной стороной веб-приложения, обрабатывая данные и обеспечивая функциональность. Хотя JavaScript более известен как язык для фронтенда, он также важен для бэкенд-разработки, особенно с использованием Node.js. Этот курс знакомит с основами JavaScript, объектно-ориентированным программированием и HTTP-запросами, которые необходимы для работы с REST API. Бэкенд-разработчику нужно понимать, как данные перемещаются между клиентом и сервером, а данный курс объясняет эти механизмы. Если вы хотите стать разработчиком бэкенда, этот курс может помочь вам овладеть ключевыми концепциями.
Инженер веб-сайтов
Инженер веб-сайтов отвечает за техническое проектирование и реализацию веб-сайтов и веб-приложений. Этот курс может быть полезен для инженера веб-сайтов, помогая им понять основы JavaScript и его применение в современной веб-среде. Вы изучите работу с браузером, структуры данных, HTTP-запросы, и взаимодействие с REST API. Инженеру часто требуется понимание как фронтенда, так и бэкенда, и данный курс дает вам представление об обеих сторонах. Этот курс может помочь вам получить необходимые навыки в веб-инженерии.
Инструктор по программированию
Инструктор по программированию преподает навыки программирования другим. Этот курс может помочь инструктору получить глубокое понимание основ JavaScript, а также принципов объектно-ориентированного и асинхронного программирования. Инструктору требуется не только знать материал, но и уметь его доступно объяснить. Курс поможет инструктору по программированию развить свои навыки, и лучше справляться с преподаванием JavaScript.
Технический специалист по обслуживанию веб-сайтов
Технический специалист по обслуживанию веб-сайтов обеспечивает бесперебойную работу веб-сайтов, диагностирует и устраняет технические проблемы. Этот курс может помочь техническому специалисту по обслуживанию веб-сайтов понять основы JavaScript. Это включает в себя понимание того, как выполняется JavaScript в браузере, и как взаимодействуют клиент и сервер. Курс также может помочь в отладке веб-сайтов при использовании JavaScript. Этот курс предоставляет некоторые полезные инструменты для работы.
Веб-мастер
Веб-мастер занимается управлением и обслуживанием веб-сайтов. Этот курс вводит веб-мастера в основы JavaScript, включая синтаксис, структуры данных и взаимодействие с браузером. Практические проекты курса могут помочь веб-мастеру понять, какие проблемы могут возникнуть при работе сайтов. Веб-мастеру не обязательно быть экспертом в JavaScript, но общее понимание может помочь в его работе. Данный курс может помочь веб-мастеру получить это понимание.
Тестировщик программного обеспечения
Тестировщик программного обеспечения отвечает за проверку программного обеспечения, в том числе веб-приложений и веб-сайтов, на наличие ошибок. Знание JavaScript может помочь тестировщику более эффективно тестировать веб-приложения. В курсе объясняются такие понятия как DOM, AJAX, XMLHttpRequest, управление потоком, и т.д. Понимание JavaScript может сделать тестировщика более эффективным, поскольку он будет более осведомлен о том, как работает код. Этот курс поможет тестировщику программного обеспечения улучшить свои навыки.
Технический писатель
Технический писатель создает документацию для программного обеспечения, включая руководства пользователя и технические спецификации. Этот курс может помочь техническому писателю понять основы JavaScript, что очень важно при написании документации по веб-разработке. Вы можете изучить синтаксис языка, структуры данных, и концепции программирования. Курс также помогает понять работу с браузером и REST API. Хотя техническому писателю не обязательно уметь писать код, этот курс может дать ему ценный опыт в этой области.
Специалист по поддержке пользователей веб-приложений
Специалист по поддержке пользователей веб-приложений помогает пользователям решать проблемы с веб-приложениями. Этот курс может помочь им понять, как работают веб-приложения. Он дает понимание основных принципов, а также того, как JavaScript создает интерактивность. Вы также получите общее представление о том, как происходит обмен данными в веб-приложениях. Хотя специалисту по поддержке пользователей не нужно писать код, это может помочь им лучше понять проблемы пользователей. Этот курс может расширить их горизонты.
Менеджер проектов в области веб-разработки
Менеджер проектов в области веб-разработки управляет командами и контролирует ход веб-проектов. Этот курс может дать понимание основ JavaScript, что поможет менеджеру проекта более эффективно взаимодействовать с разработчиками. Умение говорить с разработчиками на одном языке поможет менеджеру проекта лучше понимать проблемы и риски. Этот курс может сделать менеджера проекта более осведомленным в области веб-разработки.

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Фундаментальный JavaScript. С практикой и проектами.
Эта книга - исчерпывающий справочник по JavaScript. Она охватывает все аспекты языка, от основ до продвинутых концепций. Книга полезна как для начинающих, так и для опытных разработчиков, желающих углубить свои знания. Она часто используется в качестве учебника в университетах.
Эта книга - отличное введение в JavaScript. Она охватывает основы языка и продвинутые концепции, такие как объектно-ориентированное программирование и асинхронное программирование. Книга содержит множество примеров кода и упражнений, которые помогут вам закрепить свои знания. Она особенно полезна для начинающих.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser