JavaScript с нуля до профи - Лоренс Ларс Свекис - E-Book

JavaScript с нуля до профи E-Book

Лоренс Ларс Свекис

0,0

Beschreibung

Книга демонстрирует возможности JavaScript для разработки веб-приложений, сочетая теорию с упражнениями и интересными проектами. Она показывает, как простые методы JavaScript могут применяться для создания веб-приложений, начиная от динамических веб-сайтов и заканчивая простыми браузерными играми. В "JavaScript с нуля до профи" основное внимание уделяется ключевым концепциям программирования и манипуляциям с объектной моделью документа для решения распространенных проблем в профессиональных веб-приложениях. К ним относятся проверка данных, управление внешним видом веб-страниц и работа с асинхронным и многопоточным кодом. Обучайтесь на основе проектов, дополняющих теоретические блоки и серии примеров кода, которые могут быть использованы в качестве модулей различных приложений, таких как валидаторы входных данных, игры и простые анимации. Обучение дополнено ускоренным курсом по HTML и CSS, чтобы проиллюстрировать, как компоненты JavaScript вписываются в полноценное веб-приложение.

Sie lesen das E-Book in den Legimi-Apps auf:

Android
iOS
von Legimi
zertifizierten E-Readern
Kindle™-E-Readern
(für ausgewählte Pakete)

Seitenzahl: 472

Veröffentlichungsjahr: 2024

Das E-Book (TTS) können Sie hören im Abo „Legimi Premium” in Legimi-Apps auf:

Android
iOS
Bewertungen
0,0
0
0
0
0
0
Mehr Informationen
Mehr Informationen
Legimi prüft nicht, ob Rezensionen von Nutzern stammen, die den betreffenden Titel tatsächlich gekauft oder gelesen/gehört haben. Wir entfernen aber gefälschte Rezensionen.



Лоренс Ларс Свекис, Майке ван Путтен, Роб Персиваль
JavaScript с нуля до профи
2023

Переводчик С. Черников

Лоренс Ларс Свекис, Майке ван Путтен, Роб Персиваль

JavaScript с нуля до профи. — СПб.: Питер, 2023.

ISBN 978-5-4461-2269-1

© ООО Издательство "Питер", 2023

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

Оглавление

Об авторах
О научном редакторе
Предисловие
Для кого эта книга
Структура издания
Как извлечь максимальную пользу из книги
Файлы с примерами программного кода
Цветные изображения
Условные обозначения
От издательства
Глава 1. Начало работы с JavaScript
Почему надо знать JavaScript
Настройка среды разработки
Как браузер понимает JavaScript
Использование консоли браузера
Добавление JavaScript на веб-страницу
Написание кода JavaScript
Проект текущей главы
Вопросы для самопроверки
Резюме
Глава 2. Основы JavaScript
Переменные
Примитивы
Анализ и модификация типов данных
Операторы
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 3. Множественные значения JavaScript
Массивы и их свойства
Методы работы с массивами
Многомерные массивы
Объекты в JavaScript
Работа с объектами и массивами
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 4. Логические операторы
Операторы if и if else
Операторы else if
Условные тернарные операторы
Операторы switch
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 5. Циклы
Циклы while
Циклы do while
Цикл for
Вложенные циклы
Циклы и массивы
Циклы и объекты
Операторы break и continue
Проект текущей главы
Вопросы для самопроверки
Резюме
Глава 6. Функции
Основные функции
Параметры и аргументы
Специальные функции и операторы
Возврат значений функций
Область видимости переменных в функциях
Рекурсивные функции
Вложенные функции
Анонимные функции
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 7. Классы
Объектно-ориентированное программирование
Классы и объекты
Классы
Наследование
Прототипы
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 8. Встроенные методы JavaScript
Введение во встроенные методы JavaScript
Глобальные методы
Методы работы с массивами
Строчные методы
Числовые методы
Математические методы
Метод работы с датами
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 9. Объектная модель документа
Ускоренный курс HTML
BOM
DOM
Проект текущей главы
Вопросы для самопроверки
Резюме
Глава 10. Управление динамическими элементами с помощью DOM
Базовое перемещение в DOM
Доступ к элементам DOM
Обработчик щелчка кнопкой мыши на элементе
Ключевое слово this и DOM
Управление стилем элемента
Изменение классов элементов
Управление атрибутами
Прослушиватели событий элементов
Создание новых элементов
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 11. Интерактивный контент и прослушиватели событий
Введение в интерактивный контент
Указание событий
Обработчик событий onload
Обработчик событий мыши
Свойство события target
Поток событий DOM
События onchange и onblur
Обработчик событий клавиатуры
Перетаскиваемые элементы
Отправка формы
Анимация элементов
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 12. Средний уровень JavaScript
Регулярные выражения
Функции и объект arguments
Поднятие в JavaScript
Использование строгого режима
Отладка
Использование файлов cookie
Локальное хранилище
JSON
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 13. Параллелизм
Введение в параллелизм
Функции обратного вызова
Промисы
Операторы async и await
Цикл событий
Проект текущей главы
Вопросы для самопроверки
Резюме
Глава 14. HTML5, Canvas и JavaScript
HTML5 и JavaScript
Чтение локальных файлов
Использование функции GeoLocation для получения данных местоположения
HTML5-элемент canvas
Динамический элемент canvas
Рисование на холсте с помощью мыши
Сохранение динамических изображений
Мультимедийный контент на странице
Цифровая доступность в HTML
Проекты текущей главы
Вопросы для самопроверки
Резюме
Глава 15. Дальнейшие шаги
Библиотеки и фреймворки
Изучение бэкенда
Дальнейшие шаги
Проекты текущей главы
Вопросы для самопроверки
Резюме
Приложение.. Ответы на практические занятия, проекты и вопросы для самопроверки
Глава 1. Начало работы с JavaScript
Глава 2. Основы JavaScript
Глава 3. Множественные значения JavaScript
Глава 4. Логические операторы
Глава 5. Циклы
Глава 6. Функции
Глава 7. Классы
Глава 8. Встроенные методы JavaScript
Глава 9. Объектная модель документа
Глава 10. Управление динамическими элементами с помощью DOM
Глава 11. Интерактивный контент и прослушиватели событий
Глава 12. Средний уровень JavaScript
Глава 13. Параллелизм
Глава 14. HTML5, Canvas и JavaScript
Глава 15. Дальнейшие шаги
Рекомендуем прочитать

Об авторах

Лоренс Ларс Свекис является экспертом в области инновационных технологий, имеет широкий спектр теоретических знаний и реальный опыт в области веб-разработки. Начиная с 1999 года участвует в различных веб-проектах, как крупных, так и небольших. Преподает с 2015 года и обожает воплощать идеи в онлайн-жизнь. Для Лоренса учить и помогать людям — потрясающая возможность, поскольку ему нравится делиться знаниями с обществом.

Алексис и Себастьян, большое спасибо за вашу поддержку.

Майке ван Путтен известна страстью к обучению и разработке программного обес­печения, стремлением сопровождать людей на их пути к новым высотам в карьере. К числу ее любимых языков относятся JavaScript, Java и Python. Как разработчик участвует в проектах по созданию программного обеспечения и как тренер — в различных сферах, начиная с IT для «чайников» и заканчивая продвинутыми темами для опытных специалистов. Любит создавать образовательный онлайн-контент на различных платформах, предназначенный для широкой аудитории.

Роб Персиваль — уважаемый веб-разработчик и преподаватель Udemy с аудиторией более 1,7 миллиона учеников. Более 500 000 из них приобрели его «Полный курс веб-разработчика 2.0», а также курсы разработчиков Android и iOS.

О научном редакторе

Крис Минник — активный автор, блогер, тренер, спикер и веб-разработчик. Его компания WatzThis? занимается поиском лучших способов обучения новичков навыкам обращения с компьютером и программированию.

Крис более 25 лет трудится full-stack-разработчиком и более десяти лет — преподавателем. Обучает веб-разработке, ReactJS и продвинутому JavaScript во многих крупнейших мировых компаниях, а также в публичных библиотеках, коворкингах и на личных встречах.

Крис Минник — автор и соавтор более десятка технических изданий для взрослых и детей, включая React JS Foundations, HTML and CSS for Dummies («HTML и CSS для чайников»), Coding with JavaScript for Dummies («JavaScript для чайников»), JavaScript for Kids, Adventures in Coding и Writing Computer Code.

Предисловие

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

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

Для кого эта книга

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

Структура издания

Глава 1 «Начало работы с JavaScript» знакомит с базовыми сведениями по JavaScript, которые вы должны знать, чтобы понять оставшуюся часть книги.

Глава 2 «Основы JavaScript» описывает основные элементы кода: переменные, типы данных и операторы.

Глава 3 «Множественные значения JavaScript» затрагивает вопросы хранения множественных величин в одной переменной с использованием массивов и объектов.

В главе 4 «Логические операторы» начнется настоящее веселье: мы будем использовать логические операторы, чтобы они принимали решения за нас!

Глава 5 «Циклы» описывает ситуации, когда необходимо повторить фрагмент кода (для чего циклы и используются). Мы рассмотрим различные типы циклов, в том числе циклы for и while.

Глава 6 «Функции» вводит очень полезные объекты для работы с повторяющимися фрагментами кода: функции! Они позволяют вызывать определенный блок кода в любом месте нашего скрипта для выполнения какой-то задачи, благодаря чему мы не будем дублировать написанное, соблюдая таким образом один из фундаментальных принципов чистого кода.

В главе 7 «Классы» мы продолжим строить блоки JavaScript, которые помогут лучше структурировать приложение. Зная к тому моменту, как создавать объекты, вы научитесь работать с шаблонами объектов, которые, когда понадобится конкретный тип объекта, можно использовать повторно.

Глава 8 «Встроенные методы JavaScript» знакомит с некоторым встроенным функционалом. Конечно, можно писать функции и самостоятельно; но на практике куда чаще используются встроенные функции JavaScript, особенно в таких общих задачах, как проверка, имеем ли мы дело с числом или нет.

Глава 9 «Объектная модель документа» рассматривает такие понятия, как объектная модель браузера и объектная модель документа (DOM). Благодаря им вы сильно обогатите свои методы использования JavaScript. Вы узнаете, что такое DOM, как с ней взаимодействует JavaScript и как благодаря этому можно изменять веб-сайты.

Глава 10 «Управление динамическими элементами с помощью DOM» показывает, как динамически управлять элементами DOM и создавать таким образом современные пользовательские интерфейсы. Вы сможете изменить сайт в ответ на поведение пользователей, например на нажатие кнопки.

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

Глава 12 «Средний уровень JavaScript» касается задач, для решения которых понадобится средний уровень знания JavaScript. Это, например, регулярные выражения, рекурсия и отладка, необходимые для повышения производительности программного кода.

Глава 13 «Параллелизм» познакомит с поточным и асинхронным программированием, которое позволит вашему коду выполнять несколько задач одновременно и действительно быть гибким.

Глава 14 «HTML, Canvas и JavaScript» посвящена HTML5 и JavaScript. Предыдущие главы дают довольно много информации о HTML и JavaScript; здесь же мы сосредоточимся именно на HTML5, в частности на таких его особенностях, как элемент canvas.

Глава 15 «Дальнейшие шаги» расскажет, куда можно двигаться после изучения всех фундаментальных возможностей JavaScript и приобретения навыка создания изящных программ с помощью JavaScript. Мы познакомимся с такими знаменитыми библиотеками и фреймворками для JavaScript, как Angular, React и Vue, а также рассмотрим Node.js и узнаем, как бэкенд может быть реализован в JavaScript.

Как извлечь максимальную пользу из книги

Предыдущий опыт программирования для вас будет полезен, но он точно не обязателен. Чтобы начать работу с данной книгой, достаточно компьютера с текстовым редактором (Notepad или TextEdit, не Word!) и браузером. Выполняйте упражнения и проекты, постоянно экспериментируйте — так вы будете уверены, что разобрались в теме и сможете идти дальше.

Файлы с примерами программного кода

Файлы с примерами для книги размещены в GitHub по адресу https://github.com/PacktPublishing/JavaScript-from-Beginner-to-Professional. Изучите их!

Цветные изображения

Мы также предоставляем PDF-файл с цветными оригинальными изображениями скриншотов/диаграмм, использованных в книге. Вы можете найти файл по адресу https://static.packt-cdn.com/downloads/9781800562523_ColorImages.pdf.

Условные обозначения

Моношириннымшрифтом написаны фрагменты кода в тексте, имена таблиц баз данных, имена папок и файлов, расширения файлов, имена путей, макеты URL, пользовательский ввод, имена пользователей Twitter. Например: «Нам также необходимо сообщить браузеру, с каким типом документа мы работаем, объявив <!DOCTYPE>».

Фрагмент кода выглядит следующим образом:

<html>

  <script type="text/javascript">

    alert("Hi there!");

  </script>

</html>

Любой ввод или вывод командной строки указывается так:

console.log("Hello world!")

Курсивом выделяется новый термин или важное слово. Рубленым шрифтом выделены слова, отображаемые на экране (выбранные пункты в меню или диалоговых окнах также будут выделены таким шрифтом). Например: «Если вы щелкнете правой кнопкой мыши и выберете пункт Inspect (Проверка) в системах macOS, на экране появится изображение, представленное на одном из следующих снимков экрана».

Предупреждения или важные сообщения выглядят так.

Советы и рекомендации выглядят так.

От издательства

Ваши замечания, предложения, вопросы отправляйте по адресу [email protected] (­издательство «Питер», компьютерная редакция).

Мы будем рады узнать ваше мнение!

На веб-сайте издательства www.piter.com вы найдете подробную информацию о наших книгах.