Графика на JavaScript [2013] Рафаэлло Чекко
══════════════
Описание:
══════════════
В этой книге рассказывается, как, работая с javascript, jQuery, DHTML и элементом Canvas (холст), появившимся в HTML5, создавать насыщенные веб-приложения для ПК и мобильных устройств.

С появлением HTML5 и усовершенствованной браузерной поддержки язык javascript стал исключительно удобным для создания высокопроизводительной веб-графики.

Опытный веб-разработчик, прочитав данное издание, на практических примерах изучит интересные и полезные подходы к созданию аркадных игр, эффектов DHTML и т. д. Сложные темы представлены в книге в виде легких для усвоения фрагментов.

#js #javascript #графика #html5

Парочка интересных способов получения целой части вещественного числа
═══════════════
https://vk.com/wall-51126445_27041
═══════════════
#программирование #javascript #web #js

Javascript. Перебирающие методы массивов изнутри
════════════
https://vk.com/wall-51126445_29358
════════════
#article #js #javascript #программирование

React в действии [2019] Марк Тиленс Томас

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

Во второй половине книги рассмотрены различные способы взаимодействия с React. Вы изучите базовые методы жизненного цикла, научитесь создавать поток данных, формы, а также тестировать приложения. На закуску вас ждет материал об архитектуре React-приложения, взаимодействии с Redux, экскурс в серверный рендеринг и обзор React Native. #react #javascript #js #web #программирование

[1] Вы не знаете Javascript: ES6 и не только [2017] Симпсон К.
[2] Вы не знаете Javascript Асинхронная обработка и оптимизация [2019] Симпсон
[3] Вы не знаете Javascript Замыкания и объекты [2019] Симпсон
[4] Вы не знаете Javascript Типы и грамматические конструкции [2019] Симпсон

Все 6 можно почитать на ГитХабе, но ещё не всё переведено на русский - https://github.com/azat-io/you-dont-know-js-ru

#js #javascript #web #html #css

Парочка интересных способов получения целой части вещественного числа в языке Javascript. Допустим, у нас есть вещественное double число
var n = 1234.567; Нужно получить только целую часть от него, т. е. 1234.

1 способ. Самый банальный. Использовать средства библиотеки Math.
Math.floor(n); Метод Math.floor() возвращает наибольшее целое число, которое меньше или равно данному числу. Поэтому при применении полностью отбрасывается дробная часть.

2 способ. Изящная работа со строкой, полученной из числа.
((n + "").split("."))[0]; Конкатенация числа и пустой строки возвращает из числа 1234.567 строку "1234.567". Затем для строки используется метод split(), принимающий в качестве параметра разделитель-точку, метод split() возвращает массив/список слов, полученных по разделителю. В нашем случае у нас всегда получится два слова. Далее мы получаем целую часть, обращаясь к первому слову по нулевому индексу. Правда оно остается строкой, но это легко изменить, обернув данное выражение в метод parseInt(). Функция parseInt(string, radix) принимает строку в качестве аргумента и возвращает целое число в соответствии с указанным основанием системы счисления radix. Удобство в том, что вместо точки может стоять запятая, которую легко применить в методы split(). Таким образом, число 1234 можно получить так:

parseInt(((n + "").split("."))[0], 10)

3 способ. Простое использование метода parseInt(n, 10);
Также возвращает целую часть. Однако, в некоторых версиях может выполнить нежелательно округление вверх.

4 способ. Использование побитовых операций. n ^ 0;
Так как побитовые операции в JS определены только для целых чисел, то на низком уровне отбрасывается дробная часть, а операция исключающего или (XOR, ^) некоторого числа n вместе с нулем дает именно это число n. Только без дробной части.

5 способ. Двойное побитовое отрицание (инверсия). ~ ~n;
Преимущества: самый быстрый способ отбрасывания дробной части вещественного числа. Побитовые операции в Javascript работают со знаковыми (signed) целыми (integer) длиной в 32 бита (оператор >> работает с unsigned). Иными словами, побитовые операторы интерпретируют операнды как последовательность из 32 битов.
Таким образом, 1234 в двоичном коде будет равно:

0000 0000 0000 0000 0000 0100 1101 0010

Его побитовая инверсия ~1234 в двоичном коде будет равна:

1111 1111 1111 1111 1111 1011 0010 1101 (2) —> -1235 (10)

А побитовая инверсия побитовой инверсии равна:

~ ~1234 = ~(~1234) = ~(-1235):
0000 0000 0000 0000 0000 0100 1101 0010 (2) —> 1234 (10)

т.е. получили исходное число, только с отброшенной частью после плавающей точки.

Благодаря свойству инвертирования и представления чисел в дополнительном коде, тождество -1235 + 1 = -1234 мы можем в общем случае записать как (~n + 1) == - n или ~n == - (n + 1)
Данное выражение можно использовать в логической ветке, когда нужно сделать некоторые действия, если n != -1 (или экранировать какой-то блок в случае если переменная-флаг равна -1 :

if( ~n ){ //зайдет в эту ветку только, если n != -1 }

➡️ https://jsfiddle.net/87fza9rs/19/ ⬅️

#js #javascript

jQuery для профессионалов - Фримен Адам
#jquery #js #javascript

Рефакторинг кода на Javascript [2019] Мартин Файлер

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

В книге подробно описано более 60 методов рефакторинга, причем приведено не только их теоретическое описание, но и практические примеры на языке программирования JavaScript. Применение JavaScript и описание “рефакторинга без классов” является одним из отличий нового издания книги от старого.

➡️ Подробное описание

#javascript #web #html #css #программирование #js

💡 Задача по программированию ( JavaScript ). Попробуйте подумать самостоятельно и дать ответ.

👨🏻‍💻 Обсуждение задачи

#задачи #программирование #js #javascript #тесты #it

💡 Задачка по JavaScript - обсуждение в группе vk

📕 Справочник JavaScript (Кратко.Быстро.Под рукой) [2021] Никольский, Дубовик

Данный справочник содержит всю ключевую информацию о Javascript в удобной и наглядной форме. Структура справочника позволяет быстро и удобно находить нужную информацию, получать примеры использования тех или иных элементов и конструкций JavaScript.
Отдельное внимание уделено отраслевым рекомендациям по хорошему стилю программирования на JavaScript, объектной модели современных браузеров, отладке программ и обработке ошибок.
Справочник будет полезен всем, кто использует или изучает JavaScript: от начинающих до профессионалов.
#it #js #javascript #web

📘 React: современные шаблоны для разработки приложений 2-е изд [2022] Алекс Бэнкс, Ева Порселло

Хотите создавать эффективные приложения с помощью React? Тогда эта книга написана для вас. Познакомьтесь c лучшими практиками и шаблонами создания современного кода. Вам не потребуются глубокие знания React или функционала JavaScript — достаточно знакомства с принципами работы JavaScript, CSS и HTML.
Алекс Бэнкс и Ева Порселло научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных. #js #javascript #css #html

Спасибо нашему подписчику, который купил книгу и поделился со всеми!

📘 JavaScript. Дополнительные уроки для начинающих [2022] Владимир Дронов

В книге 20 иллюстрированных уроков, более 20 практических упражнений на тему программирования веб-сценариев и 18 заданий для самостоятельной работы. Простым языком, кратко, наглядно рассказано о новых программных инструментах, появившихся в последние годы в языке JavaScript. Описаны новый синтаксис объявления классов, промисы, асинхронные функции, итераторы, генераторы и модули. Рассказано о новом загрузчике файлов, встроенной в веб-обозреватель СУБД, HTML-компонентах и шаблонах, средствах для захвата видео, наложении эффектов на звук. Рассмотрены технологии WebSocket для программирования веб-чата и WebRTC для создания службы видеотелефонии. Описаны прогрессивные веб-приложения (PWA), посредники и программируемый кэш, вывод всплывающих оповещений и установка PWA в операционной системе.
#typescript #js #javascript #web