Основы js для начинающих: Основы JavaScript

Руководство по JavaScript

Последнее обновление: 20.11.2022

1. Глава 1. Введение в JavaScript

   1. Что такое JavaScript

   2. Первая программа на JavaScript

   3. Выполнение кода javascript

   4. Подключение внешнего файла JavaScript

   5. Консоль браузера и console.log

2. Глава 2. Основы javascript

   1. Переменные и константы

   2. Типы данных

   3. Операции

   4. Условные операторы ?: и ??

   5. Преобразование данных

   6. Введение в массивы

   7. Условные конструкции

   8. Циклы

3. Глава 3. Функциональное программирование

   1. Функции

   2. Параметры функции

   3. Результат функции

   4. Область видимости переменных

   5. Замыкания и функции IIFE

   6. Паттерн Модуль

   7. Рекурсивные функции

   8. Переопределение функций

   9. Hoisting

   10. Передача параметров по значению и по ссылке

   11. Стрелочные функции

4. Глава 4. Объектно-ориентированное программирование

   1. Объекты

   2. Вложенные объекты и массивы в объектах

   3. Копирование и сравнение объектов

   4. Проверка наличия и перебор методов и свойств

   5. Объекты в функциях

   6. Конструкторы объектов

   7. Расширение объектов. Prototype

   8. Инкапсуляция

   9. Функция как объект. Методы call и apply

   10. Наследование

   11. Ключевое слово this

   12. Деструктуризация

   13. Оператор ?.

5. Глава 5. ООП. Классы

   1. Классы

   2. Приватные поля и методы

   3. Статические поля и методы

   4. Свойства и методы доступа

   5. Наследование

6. Глава 6. Массивы

   1. Создание массива и объект Array

   2. Массивы и spread-оператор

   3. Операции с массивами

   4. Наследование массивов

7. Глава 7. Строки

   1. Строки и объект String

   2. Шаблоны строк

   3. Объект RegExp. Регулярные выражения

   4. Регулярные выражения в методах String

   5. Синтаксис регулярных выражений

   6. Группы в регулярных выражениях

8. Глава 8. Встроенные объекты

   1. Объект Date. Работа с датами

   2. Объект Math. Математические операции

   3. Объект Number

   4. Символы

   5. Proxy

9. Глава 9. Обработка ошибок

   1. Конструкция try. .catch..finally

   2. Генерация ошибок и оператор throw

   3. Типы ошибок

10. Глава 10. Работа с браузером и BOM

    1. Browser Object Model и объект window

    2. Управление окнами

    3. История браузера. Объект history

    4. Объект location

    5. Объект navigator

    6. Таймеры

11. Глава 11. Работа с DOM

    1. Введение в DOM

    2. Объект document. Поиск элементов

    3. Свойства объекта document

    4. Объект Node. Навигация по DOM

    5. Создание, добавление и удаление элементов веб-станицы

    6. Объект Element. Управление элементами

    7. Изменение стиля элементов

    8. Создание своего элемента HTML

12. Глава 12. События

    1. Введение в обработку событий

    2. Обработчики событий

    3. Объект Event

    4. Распространение событий

    5. События мыши

    6. События клавиатуры

13. Глава 13. Работа с формами

    1. Формы и их элементы

    2. Кнопки

    3. Текстовые поля

    4. Флажки и переключатели

    5. Список select

14. Глава 14. JSON

    1. Введение в JSON

15. Глава 15. Хранение данных

    1. Куки

    2. Web Storage

16. Глава 16. Коллекции и итераторы

    1. Итераторы

    2. Генераторы

    3. Множества Set

    4. Map

    5. WeakSet

    6. WeakMap

17. Глава 17. Promise, async и await

    1. Введение в промисы

    2. Получение результата операции в Promise

    3. Обработка ошибок в Promise

    4. Создание цепочек промисовх

    5. Функции Promise.all, Promise.allSettled, Promise.any и Promise.race

    6. Async и await

    7. Асинхронные итераторы

    8. Асинхронные генераторы

18. Глава 18. Ajax

    1. Объект XMLHttpRequest

    2. Отправка данных

    3. Promise в Ajax-запросах

19. Глава 19. Локализация

    1. Локализация списков и Intl.ListFormat

    2. Локализация дат и времени

    3. Локализация названий и Intl.DisplayNames

    4. Форматирование чисел и Intl.NumberFormat

20. Глава 20. Модули

    1. Введение в модули

    2. Импорт модуля

    3. Экспорт и импорт компонентов модулей

    4. Экспорт и импорт по умолчанию

    5. Использование псевдонимов при экспорте и импорте

    6. Динамическая загрузка модулей

21. Глава 21. Fetch API

    1. Функция fetch

    2. Объект Response и его свойства

    3. Получение данных из ответа

    4. Настройка параметров запроса. Отправка данных

    5. Создание клиента для REST API

22. Глава 22. Остальные статьи

    1. JavaScript в CSS

YooMoney:

410011174743222

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

Номер карты:

4048415020898850

Номер карты:

4890494751804113

Курс 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  политикой конфиденциальности

JavaScript Куда

❮ Назад Далее ❯

Тег

Пример

Попробуй сам "

В старых примерах JavaScript может использоваться атрибут типа:

Демо JavaScript в голове

Абзац

Попробуйте сами »

JavaScript в

В этом примере функция JavaScript помещается в раздел HTML-страницы.

Функция вызывается (вызывается) при нажатии кнопки:

Пример

Демонстрация JavaScript в теле

Абзац

Попробовать it

}

Попробуйте сами »

Размещение скриптов внизу элемента улучшает отображение скорость, потому что интерпретация сценария замедляет отображение.

Внешний JavaScript

Скрипты также можно размещать во внешних файлах:

Внешний файл: myScript.js

function myFunction() {
  document.getElementById("demo").innerHTML = "Абзац изменен.";
}

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

Файлы JavaScript имеют расширение .js .

Чтобы использовать внешний сценарий, поместите имя файла сценария в атрибут src (источник) файла a

Попробуйте сами »

Вы можете поместить ссылку на внешний скрипт в или по своему усмотрению.

Сценарий будет вести себя так, как если бы он находился точно там же, где находится тег


Внешние ссылки

На внешний скрипт можно ссылаться тремя различными способами:

• С помощью полного URL-адреса (полного веб-адреса)
• С путем к файлу (например, /js/)
• Без пути

В этом примере используется полный URL-адрес для ссылки на myScript. js:

Пример

Попробуйте сами »

В этом примере используется путь к файлу для ссылки на myScript.js:

Пример

Попробуйте сами »

В этом примере не используется путь для ссылки на myScript.js:

Пример

Попробуйте сами »

Подробнее о путях к файлам см. глава HTML Пути к файлам.

❮ Предыдущий Далее ❯

   <тело>
      <язык сценария = "javascript" тип = "текст/javascript">