9 книг по JavaScript для начинающих в 2023
Все вокруг говорят, что книги — прошлый век. Но вовремя прочитанная хорошая книжка может здорово помочь в изучении нового языка или технологии, а то и вообще целиком объяснить какую-нибудь важную штуку. Например, какие бывают алгоритмы, или зачем нужен рефакторинг. К тому же, хоть фреймворки меняются каждый год, основы обычно долго не меняются.
Мы опросили знакомых разработчиков, узнали, что читают они сами, и предлагаем вам подборку хороших книг по JavaScript.
JavaScript для детей. Самоучитель по программированию
Книга подойдёт для тех, кто только начинает изучать JavaScript. Она знакомит с основами и даёт поверхностное представление о языке. В книге три части: основы, продвинутый JavaScript и графика. В ней также есть практические задания, в которых пошагово рассказывается, как написать игру.
JavaScript. Полное руководство. Седьмое издание
Если вы хотите глубоко погрузиться в основы JavaScript, то эта книга для вас. Книга очень большая, в ней рассматриваются все нюансы работы с языком — от сложения разных типов, до движков работы с кодом.
В книге разобраны логические операции, типы данных, выражения, операторы, работа в браузере и лексическая структура. Автор не забывает про смежные темы, которые помогут при разработке, например, регулярные выражения и серверный JavaScript.
Выразительный JavaScript. Современное веб-программирование. Третье издание
Выразительный JavaScript» позволит глубоко погрузиться в тему, научиться писать красивый и эффективный код. Вы познакомитесь с синтаксисом, стрелочными и асинхронными функциями, итератором, шаблонными строками и блочной областью видимости.
Марейн Хавербеке — практик. Получайте опыт и изучайте язык на множестве примеров, выполняя упражнения и учебные проекты. Сначала вы познакомитесь со структурой языка JavaScript, управляющими структурами, функциями и структурами данных, затем изучите обработку ошибок и исправление багов, модульность и асинхронное программирование, после чего перейдете к программированию браузеров.
Грокаем алгоритмы. Иллюстрированное пособие для программистов и любопытствующих
Чтобы стать программистом, надо научиться думать как программист. В этой книге простым языком и с иллюстрациями описываются базовые алгоритмы. Код примеров очень простой, а каждый шаг проиллюстрирован. В конце каждой главы есть вопросы и задания, с помощью которых можно проверить, удалось ли усвоить материал. Подойдёт для новичков, желающих познакомиться с основами.
JavaScript for Web Designers
В книге доступно рассматриваются основы JavaScript. В целом ориентирована на начинающих.
Чистый код. Создание, анализ и рефакторинг
Все хотят писать чистый код — он понятен коллегам, его легко поддерживать и улучшать, в нём каждая строчка написана по делу.
Эта книга — классика и настоящая находка для разработчиков любого уровня. Роберт Мартин приводит много примеров хорошего и плохого кода, заостряет внимание на проектировании и типичных ошибках, которые возникают во время этого процесса. Суть книги — не в готовых решениях, а в том, что автор учит думать о чистом коде и делится подходами, которые помогут развить навык его написания. Примеры в книге приведены на языке Java, но существует репозиторий c адаптацией кода под JavaScript.
Серия «Вы не знаете JavaScript»
В первом издании серии шесть книг — в них автор подробно рассказывает о нюансах работы языка JavaScript. Асинхронность, типы данных, прототипы, замыкания и другие темы разбираются максимально детально, да ещё и с практическими нетривиальными примерами. Сейчас идёт работа над вторым изданием.
Эти книги подойдут как новичкам, получившим свой первый опыт программирования на JavaScript, так и мидл-разработчикам, желающим подтянуть теоретические знания. Можно сказать больше: если вы собираетесь идти на собеседование фронтенд-разработчика, то эти книги однозначно пригодятся, чтобы освежить теоретические знания.
Книги доступны для изучения в репозитории автора или в русском переводе. Ещё можно купить бумажную версию.
Изучаем программирование на JavaScript
Эрик Фримен, Элизабет Робсон
Если вы начинаете путь в разработке, и пока для вас программирование больше похоже на магию — присмотритесь к этой книге. Она познакомит вас с одним из самых популярных языков программирования — JavaScript. Основная её особенность — повествование в стиле комиксов. Обучение строится через иллюстрации и многочисленные рассуждения в виде прямой речи героев.
Основной упор авторы делают на подачу материала. Они не просто описывают возможности языка, как это принято в традиционных книгах, а наталкивают читателя на проблемы и их решения. Несмотря на большой объём, книга читается на одном дыхании. Вы разберётесь с основами языка, напишете несколько простых приложений и подготовитесь к чтению более серьёзной литературы.
Как устроен JavaScript
Дуглас Крокфорд — известный специалист в мире JavaScript. Он рассказывает, как язык устроен «под капотом». Книга не учит программированию, а объясняет нюансы языка, поэтому рекомендуем тем, кто осилил Кайла Симпсона — это логическое продолжение его работ.
В книге рассказывают: как устроены объекты, почему ООП в JavaScript реализовано именно так, как работают генераторы, зачем нужен и как используется оператор this, как JavaScript работает с числами.
Если книга не учит программировать, то зачем её читать разработчикам? Чтобы лучше понимать, как работает основной инструмент — язык программирования, а заодно подготовиться к очередному собеседованию.
Отдельного внимания заслуживает глава про Wat. Это краткий обзор одноимённого доклада и разбор примеров, которые могут ввести в ступор даже опытных разработчиков.
Совет: Читая книги, не забывайте запускать у себя код из примеров. Так вы закрепите прочитанное на практике и лучше усвоите информацию.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Как включить JavaScript в Windows
Многие веб-сайты в Интернете содержат JavaScript, язык программирования сценариев, который работает в веб-браузере, чтобы сделать конкретные функции на веб-странице функциональными. Если JavaScript был отключен в вашем браузере, содержание или функциональность веб-страницы могут быть ограничены или недоступны. В этой статье описаны шаги для включения JavaScript в веб-браузерах.
Дополнительная информация
Исследователь Интернета
Чтобы все веб-сайты в зоне Интернета запускали скрипты в Internet Explorer:
- В меню веб-браузера нажмите «Инструменты» или значок «Инструменты» (который выглядит как шестерня) и выберите параметры Интернета.
- При открытии окна «Интернет-опционы» выберите вкладку Безопасности.
- На вкладке «Безопасность» убедитесь, что интернет-зона выбрана, а затем нажмите на «Таможенный уровень. » Кнопку.
- В настройках безопасности — диалоговом поле «Интернет-зона» нажмите «Включить» для активного сценария в разделе Сценарий.
- Когда открывается окно «Предупреждение!» и спрашивает: «Вы уверены, что хотите изменить настройки для этого zone?» выберите «Да»
- Нажмите OK в нижней части окна Опционов Интернета, чтобы закрыть диалог.
- Нажмите кнопку Обновления, чтобы обновить страницу и запустить скрипты.
Чтобы разрешить написание сценариев на определенном веб-сайте, оставляя сценарий отключенным в зоне Интернета, добавьте определенный веб-узел в зону «Доверенные сайты»:
- В меню веб-браузера нажмите «Инструменты»или значок «Инструменты» (который выглядит как шестерня) и выберите параметры Интернета.
- При открытии окна «Интернет-опционы» выберите вкладку Безопасности.
- На вкладке «Безопасность» выберите зону «Доверенные сайты», а затем нажмите кнопку «Сайты».
- Для веб-сайта (ы) вы хотели бы разрешить сценарий, введите адрес в Добавить этот веб-сайт в зону текстового окна и нажмите Добавить. Примечание: Если адрес не начинается с «https:», вам многие должны отменить проверку «Требуемая проверка сервера (https:) для всех участков в этой зоне».
- Нажмите Закрыть, а затем нажмите OK в нижней части окна Интернет опционов, чтобы закрыть диалог.
- Нажмите кнопку Обновления, чтобы обновить страницу и запустить скрипты.
Google Chrome
Чтобы включить JavaScript в Google Chrome, пожалуйста, просмотрите и следуйте инструкциям, предоставленным на Enable JavaScript в вашем браузере, чтобы увидеть объявления на вашемсайте.
Firefox корпорации Mozilla
Для включения JavaScript в Firefox, пожалуйста, просмотрите и следуйте инструкциям, предоставленным в настройках JavaScript для интерактивных веб-страниц.
Как работать с TypeScript
Плюсы и минусы языка. Как установить и настроить TypeScript.
Максим Горбачев
Автор статьи
13 декабря 2022 в 14:27
TypeScript — один из самых популярных языков программирования. Его разработали в 2012 году в компании Microsoft, чтобы минимизировать основные недостатки JavaScript. Разбираемся, для чего нужен TypeScript, в каких проектах его применяют, из чего состоит этот язык и как его установить и настроить.
Что такое TypeScript
TypeScript — это улучшенный вариант JavaScript, который делает жизнь разработчиков легче, а большие приложения — надежнее. TypeScript используют для создания пользовательских интерфейсов, frontend- и backend-частей веб-сайтов, а еще больших бизнес-приложений, где важна долгосрочная поддержка и надежность.
С момента создания TypeScript активно развивается, сегодня это один из самых популярных языков программирования. По данным исследования StackOverflow 2022, его используют треть респондентов — 34,83% опрошенных разработчиков. В этом же опросе TypeScript занял четвертое место в категории «Наиболее любимые технологии».
По данным исследования StackOverflow 2022 года, почти 74% опрошенных разработчиков хотят продолжать работать на TypeScript. Источник — StackOverflow.co
Преимущества TypeScript
Если программист уже знаком с JavaScript, ему будет несложно освоить TypeScript: язык предлагает те же возможности плюс некоторые преимущества. Рассмотрим их подробнее.
Строгая типизация
Основное преимущество TypeScript перед JavaScript в том, что TS дает разработчику возможность явно объявить типы переменных и структур данных. TypeScript проверит правильность типов и сообщит об ошибке до того, как код приложения уйдет в продакшен.
Например, есть функция, которая принимает два числа и возвращает сумму. Если вместо числа в функцию передать строку, то JavaScript объединит оба аргумента в новую строку и вернет как валидный результат. Это приведет к непредсказуемым проблемам.
function add(a, b) < return a + b; >add(2, 2); // 4 add(2, "not a number"); // 2not a number
TypeScript делает код управляемее. Можно явно сказать, какие типы ожидает и возвращает функция. Если передать строку — то вместо странного объединения числа со строкой мы получим ошибку.
function add(a: number, b: number): number < return a + b; >add(2, "not a number"); // Error: Argument of type 'string' is not assignable to parameter of type 'number'.
Если типы не заданы явно, TypeScript может «догадаться» о типе переменной, основываясь на ее значении.
На курсе Skypro «Веб-разработчик» можно освоить базовый синтаксис JavaScript с нуля, научиться решать задачи frontend-разработки и работать в команде.
Хорошая документация
У TypeScript отличная документация, которая полностью представлена на официальном сайте. Microsoft сделали материалы доступными для всех, независимо от уровня и специализации: есть раздел для новичков, для JavaScript-разработчиков, для Java/C# и так далее.
А еще многие современные редакторы кода, например Visual Studio Code, идут со встроенной поддержкой TypeScript. Редактор подсвечивает синтаксис и исправляет простые ошибки, при вводе текста подсказывает названия методов и дает ссылки на документацию.
Функция IntelliSense обеспечивает интеллектуальное «дописывание» кода на основе типов переменных, определений функций и импортированных модулей. Источник — Visual Studio Code
Улучшенное ООП
Объектно-ориентированное программирование (ООП) — подход, при котором разработчик создает систему объектов и классов. Например, класс Human хранит в себе имя человека и метод greet, который возвращает приветствие:
class Human < private name: string; constructor(name: string) < this.name = name; >public greet() < return "Hello, " + this.name; >> let jack = new Human("Jack"); jack.greet(); // "Hello, Jack" let janie = new Human("Janie"); janie.greet(); // "Hello, Janie"
Хотя современный JavaScript поддерживает классы, TypeScript активнее использует возможности ООП.
Например, TS позволяет применять модификаторы доступа public/protected/private. Они помогают более тонко настроить доступ к методам и данным объекта и сделать работу с классами эффективнее. Еще TypeScript позволяет типизировать данные и методы класса — и типизировать сам класс с помощью интерфейсов:
interface IHuman < greet: () => string; >class Human implements IHuman < private name: string; public greet() < return "Hello, " + this.name; >>
Компиляция
JavaScript компилируется «на лету», во время исполнения программы. TypeScript компилирует код до исполнения. Компилятор берет TypeScript-код, проверяет синтаксис и типы и, если всё в порядке, удаляет информацию о типах и генерирует оптимизированный JavaScript-код. Дальше JS-код выполняется как обычно.
TypeScript не единственный язык программирования, который компилируется в JavaScript, но самый популярный. По данным опроса The State of JS 2021, TS однозначно лидер среди всех языков, компилируемых в JavaScript.
TypeScript используют почти 70% респондентов. Источник — The State of JS 2021
Транспиляция из коробки При компиляции TypeScript исходный код на одном языке преобразуется в код на другом. Этот процесс называют source-to-source-компиляцией, или транспиляцией. Такой подход позволяет исполнять TypeScript так же и в тех же средах, где работает JavaScript. И при этом отлаживать неполадки и находить ошибки, связанные с типами, до момента исполнения программы.
Java-разработчик: новая работа через 11 месяцев
Получится, даже если у вас нет опыта в IT
Недостатки TypeScript
У TypeScript есть и недостатки. Например, при довольно низком пороге входа сложность увеличивается с каждой очередной деталью. Зная JavaScript или другой похожий язык, можно легко начать писать на TypeScript. Но за кажущейся доступностью и простотой скрываются сложные концепции: типизация, наследование типов, дженерики и так далее. Чтобы выучить язык и разобраться во всех деталях и типах, придется потратить много времени.
Онлайн-университет Skypro предлагает стать Java-разработчиком за 11 месяцев. Это 440 часов обучения, мастер-классы с реальными рабочими задачами и пять проектов в портфолио. Полученные знания и навыки позволяют 95% студентов выйти на новую работу за четыре месяца.
В онлайн-университете Skypro можно освоить язык программирования Java за 11 месяцев на курсе «Java-разработчик».
Другой ощутимый недостаток TypeScript — браузеры пока что не умеют исполнять его, так что нужна трансляция в JavaScript. Нужно будет устанавливать специальный компилятор — это займет дополнительное время.
Как именно TypeScript улучшает JavaScript
Цель создания TypeScript — сделать JavaScript лучше. TypeScript добавляет в JavaScript типы, позволяя явно задавать их для всех структур данных. Это увеличивает читаемость кода и уменьшает количество ошибок в финальной сборке приложения.
Еще у TypeScript есть компилятор (транспайлер), который проверяет код на ошибки и помогает их исправить до выхода в продакшен.
TypeScript использует последние возможности JavaScript, которые поддерживают не все браузеры. Но при этом в TypeScript можно безопасно использовать весь потенциал JavaScript, не переживая за совместимость: в результате код будет скомпилирован в максимально совместимый со всеми браузерами JavaScript.
TypeScript легко начать применять в существующем проекте на JavaScript, постепенно обновляя старый код. Это позволяет легко перенести код на TypeScript, не уходя в затяжной рефакторинг. Такая опция критически важна в продуктовых командах, которые постоянно балансируют между выпуском новых фич и рефакторингом старого кода.
Писать проекты на JavaScript самостоятельно учат на курсе Skypro «Веб-разработчик». Все готовые проекты можно положить в портфолио, а специалисты центра карьеры помогают написать резюме и подготовиться к собеседованию. Устроиться на работу по новой специальности можно еще в процессе обучения.
Как работает TypeScript
Рассмотрим основные составляющие TypeScript и примеры кода.
Типы переменных
При объявлении переменной можно явно указать ее тип или позволить TypeScript узнать тип из значения.
let var1: string = 'Hi TypeScript'; let var2 = 'Hi TypeScript';
TypeScript поддерживает такие типы:
- String — строчки.
- Number — числа.
- Boolean — значение true или false.
- Symbol — уникальный идентификатор, обычно используется для ключей объектов.
- Any — специальный тип TypeScript, его используют, когда тип переменной точно не известен. Например, переменная может динамически менять тип.
- Void — тип, означающий отсутствие определенного типа. Например, используется, если функция ничего не возвращает.
- Undefined — тип означает, что значение еще не присвоено.
- Null — означает, что переменная недоступна.
Массивы
Так же, как и для переменных, TypeScript позволяет объявить типы для массивов.
let array1: number[] = [1, 2, 3]; let array2 = [1, 2, 3];
А еще у TypeScript есть специальный интерфейс Array, где T — тип массива.
let array4: Array = [1, 2, 3];
Кортежи
Кортежи (tuple) — это массивы с данными разного типа. Кортежи используют для хранения разнородной информации в одной сущности. Например, ID и имя пользователя.
let user: [number, string] = [123, 'Jack'];
Для доступа к значениям кортежа используется индекс массива.
user[0] // 123 user[1] // 'Jack'
Объекты
Как и в JavaScript, объекты в TypeScript — один из основных способов структурирования данных.
TypeScript может вывести тип объекта из значений его полей.
const user =
Можно присвоить анонимный тип.
const user: < id: number; name: string; >= < id: 123, name: "Jack", >;
Или указать тип, используя интерфейс.
interface User < id: number; name: string; >const user: User = < id: 123, name: "Jack", >;
Также можно указать тип, используя псевдоним типа.
type User = < id: number; name: string; >const user: User = < id: 123, name: "Jack", >;
Аргументы функций и возвращаемые типы
TypeScript позволяет типизировать как передаваемые в функцию, так и возвращаемые значения. Обычно TypeScript может вывести возвращаемое значение без специальной аннотации. Но разработчики часто указывают значение явно, чтобы улучшить читабельность кода и упростить жизнь компилятору TypeScript.
function add(a: number, b: number): number
Интерфейсы
Интерфейс — это особый тип, который подсказывает TypeScript, какие имена и типы свойств может иметь объект. При определении нового объекта TypeScript «в фоне» создает интерфейс к нему. Для следующего объекта TypeScript создаст интерфейс из двух полей: id с типом number и name с типом string.
const user = < id: 123, name: "Jack", >;
Интерфейсы могут быть определены и явно.
interface User < id: number; name: string; >const user: User = < id: 123, name: "Jack", >;
Таким образом, при работе с таким объектом TypeScript будет знать, из каких полей он состоит. Это позволит сделать необходимые проверки везде, где будет использоваться этот объект.
Еще одно преимущество работы с типизированными объектами — редактор кода сможет подсказать свойства объекта и давать подсказки по мере ввода кода.
Дженерики
Дженерики, или обобщенные типы, полезны в случаях, когда функция или класс могут работать с разными типами. Чтобы не дублировать код или чтобы не использовать тип any, можно создать «переменную типа». Таким образом тип можно будет задать позднее, во время вызова функции. Дженерики позволяют использовать типы, явно не задавая их.
Например, функции, которые конвертируют аргументы разного типа в массив, могут выглядеть так:
function stringToArray(value: String): Array < return [value]; >function numberToArray(value: Number): Array < return [value]; >function userToArray(value: User): Array < return [value]; >interface User
Дженерики позволяют избежать дублирования и предопределить тип аргумента и возвращаемого значения. Как только функция получит значение определенного типа, мы будем уверены, что она вернет массив того же типа.
function valueToArray(value: T): Array < return [value]; >const array = convertToValueArray(< id: 123, name: 'Jack'>) array[0].id // 123 array[0].name // 'Jack' array[0].city // Error: Property 'city' does not exist on type
Модификаторы доступа
Они управляют видимостью свойств и методов класса. В TypeScript есть три модификатора:
- Public — свойство или метод доступен как внутри класса, так и извне. Метод greet() можно вызывать за пределами класса. По умолчанию, если не указывать явно, все свойства и методы публичны.
- Private — доступ только внутри данного класса, свойство name не видно извне. Попытка обратиться извне приведет к ошибке.
- Protected — аналогичен private, разрешает доступ внутри данного класса, а также в классах-наследниках.
class Human < private name: string; constructor(name: string) < this.name = name; >public greet() < return "Hello, " + this.name; >>