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

📕 Javascript для профессиональных веб-разработчиков, 4-е международное издание [2022] Mэтт Фpиcби

Самое полное руководство по современному Javascript. Как максимально прокачать свои навыки и стать топовым JS-программистом? Четвертое издание «Javascript для профессиональных веб-разработчиков» идеально подойдет тем, кто уже имеет базовые знания и опыт разработки на Javascript. Автор сразу переходит к техническим деталям, которые сделают ваш код чистым и переведут вас с уровня рядового кодера на высоту продвинутого разработчика. Рост мобильного трафика увеличивает потребность в адаптивном динамическом веб-дизайне, а изменения в JS-движках происходят постоянно, так что каждый веб-разработчик должен постоянно обновлять свои навыки работы с Javascript. #it #js #javascript #web #программирование

📚 Подборка из 8 книг по программированию на JavaScript

◾️Начинающий уровень
1. JavaScript. Карманный справочник. Дэвид Флэнаган
2. JavaScript. Подробное руководство. Дэвид Флэнаган
3. JavaScript. Сильные стороны. Дуглас Крокфорд
4. Веб-приложения на JavaScript. Алекс Маккоу

◾️Продвинутый уровень
1. JavaScript для профессионалов. Резиг Джон
2. JavaScript. Шаблоны. Стефанов Стоян
3. Секреты JavaScript ниндзя. Бибо Беэр
4. Функциональное программирование. Как улучшить код JavaScript-программ. Атенсио Луис

#javascript #web #программирование #подборка_книг #it #js

📙 {Вы пока еще не знаете JS} Познакомьтесь, JavaScript. 2-е международное издание [2022] Кайл Симпсон

Вы пока еще не знаете JS. И Кайл Симпсон признается, что тоже его не знает (по крайней мере полностью)… И никто не знает. Но все мы можем начать работать над тем, чтобы узнать его лучше. Сколько бы времени вы ни провели за изучением языка, всегда можно найти что-то еще, что стоит изучить и понять на другом уровне. Учтите, что, хотя книга и называется «Познакомьтесь, JavaScript», она не для новичков. У нее другая задача: дать обзор тем, в которых необходимо разобраться на начальном этапе изучения JS. Даже если вы уже написали достаточно кода JS, эту книгу не стоит пропускать, возможно, в ваших знаниях есть пробелы, которые необходимо заполнить перед углубленным изучением сложных тем. Пора начать изучение JS!
#javascript #js #web

📙 {Вы пока еще не знаете JS} Область видимости и замыкания. 2-е международное издание [2022] Кайл Симпсон

Вы пока еще не знаете JS. И Кайл Симпсон признается, что тоже его не знает (по крайней мере полностью)… И никто не знает. Но все мы можем начать работать над тем, чтобы узнать его лучше. Сколько бы времени вы ни провели за изучением языка, всегда можно найти что-то еще, что стоит изучить и понять на другом уровне. Вы уже прочитали «Познакомьтесь, JavaScript»? Тогда откройте вторую книгу серии «Вы пока еще не знаете JS», чтобы познакомиться поближе с первым из трех столпов JavaScript — системой областей видимости и функциональными замыканиями, а также с мощным паттерном проектирования «Модуль». Пора освоить правила лексических областей видимости для размещения переменных и функций в правильных позициях. И заглянуть на более низкий уровень, ведь магия с хранением состояния модулей базируется на замыканиях, использующих систему лексических областей видимости. #javascript #web #js

📚 Современный учебник JavaScript [3 книги] [2019] Илья Кантор

💾 Скачать книги

Сегодня javascript может выполняться не только в браузере, но и на сервере или на любом другом устройстве, которое имеет специальную программу, называющуюся «движком» javascript. У браузера есть собственный движок, который иногда называют «виртуальная машина javascript». Движок применяет оптимизации на каждом этапе. Он даже просматривает скомпилированный скрипт во время его работы, анализируя проходящие через него данные, и применяет оптимизации к машинному коду, полагаясь на полученные знания. В результате скрипты работают очень быстро. #js #javascript #web #программирование #подборка_книг

📚 Подборка из 30 книг по программированию на JavaScript

◾️Начинающий уровень
1. JavaScript. Карманный справочник. Дэвид Флэнаган
2. JavaScript. Подробное руководство. Дэвид Флэнаган
3. JavaScript. Сильные стороны. Дуглас Крокфорд
4. Веб-приложения на JavaScript. Алекс Маккоу

◾️Продвинутый уровень
1. JavaScript для профессионалов. Резиг Джон
2. JavaScript. Шаблоны. Стефанов Стоян
3. Секреты JavaScript ниндзя. Бибо Беэр
4. Функциональное программирование. Как улучшить код JavaScript-программ. Атенсио Луис

И ещё 22 книги в архиве...

💾 Скачать все книги

#javascript #web #программирование #подборка_книг #it #js

📚 Вы пока еще не знаете JS [6 книг] [2022] Кайл Симпсон

💾 Скачать книги

Даже если у вас уже есть опыт работы с JavaScript, скорее всего, язык вы в полной мере не знаете. Особое внимание в этой книге уделяется новым функциям, появившимся в Ecmascript 6 (ES6) - последней версии стандарта JavaScript.
#it #js #javascript #web

📙 Svelte и Sapper в действии [2022] Марк Волкманн

Многие веб-фреймворки замедляют работу приложений, загружая сотни строк кода «на всякий случай». Svelte позволяет компилировать приложения в эффективные крошечные пакеты с минимальным временем загрузки. Объединение Svelte с фреймворком Sapper облегчает маршрутизацию страниц, генерирование на стороне сервера, разработку статических сайтов и решение многих других задач.
Хотите научиться создавать быстрые и элегантные веб-приложения?
Вам помогут компоненты Svelte и качественный опыт взаимодействия. Вы научитесь использовать уникальную модель управления состояниями, освоите упрощенную маршрутизацию страниц, разбиение кода, поддержку автономного режима и работу с представлениями, генерируемыми на сервере. #javascript #Svelte #Sapper #js

📕 Javascript для профессиональных веб-разработчиков, 4-е международное издание [2022] Mэтт Фpиcби

Самое полное руководство по современному Javascript. Как максимально прокачать свои навыки и стать топовым JS-программистом? Четвертое издание «Javascript для профессиональных веб-разработчиков» идеально подойдет тем, кто уже имеет базовые знания и опыт разработки на Javascript. Автор сразу переходит к техническим деталям, которые сделают ваш код чистым и переведут вас с уровня рядового кодера на высоту продвинутого разработчика. Рост мобильного трафика увеличивает потребность в адаптивном динамическом веб-дизайне, а изменения в JS-движках происходят постоянно, так что каждый веб-разработчик должен постоянно обновлять свои навыки работы с Javascript. #it #js #javascript #web #программирование

📚 Подборка из 30 книг по программированию на JavaScript

◾️Начинающий уровень
1. JavaScript. Карманный справочник. Дэвид Флэнаган
2. JavaScript. Подробное руководство. Дэвид Флэнаган
3. JavaScript. Сильные стороны. Дуглас Крокфорд
4. Веб-приложения на JavaScript. Алекс Маккоу

◾️Продвинутый уровень
1. JavaScript для профессионалов. Резиг Джон
2. JavaScript. Шаблоны. Стефанов Стоян
3. Секреты JavaScript ниндзя. Бибо Беэр
4. Функциональное программирование. Как улучшить код JavaScript-программ. Атенсио Луис

И ещё 22 книги в архиве...

💾 Скачать все книги

#javascript #web #программирование #подборка_книг #it #js