Если добавить JS, то получится ассистент Samsung

​ES12 сделает вашу жизнь проще

ECMAScript 2021, он же ES12 приготовил нам немало полезных фишек, которые понравятся многим из вас. replaceAll() вместо регулярок, операторы логического присваивания для ещё более лаконичного кода и многое другое.

Подробнее:

https://tprg.ru/Xxwl

#javascript

Что случится, если... Kubernetes edition

Умеете пользоваться Kubernetes? Круто! А знаете, что происходит, когда вы вводите всего одну строку в командную строку?

В этом большом и обновляющемся документе разобраны самые разные команды Kubernetes на детали, чтобы каждый мог понять, как творится магия:

https://tprg.ru/UQgJ

#devops #kubernetes

​Создание нейронной сети Хопфилда на JavaScript

Даёшь JavaScript ещё и в машинном обучении! Python пора подвинуться? Нет, конечно, но создать простую нейронную сеть и понятным языком с наглядными примерами объяснить, как она работает на JavaScript не составит труда.

В качестве доказательства — эта статья:

https://tprg.ru/BrmR

#javascript #ml

Тренажёр слепой печати

Мы стараемся находить для вас самые интересные и красивые проекты на CodePen, чтобы вы могли не только изучать чужой код, но и получать эстетическое удовольствие и вдохновение.

Этот проект позволит вам вдобавок ко всему ещё и проверить свои знания собственной клавиатуры. Вам необходимо нажимать предлагаемую букву, глядя в монитор и не опуская взгляд на клавиатуру.

Попробовать и посмотреть код можно по ссылке:

https://tprg.ru/07C3

#codepen

5 продвинутых паттернов React-разработки

К решению одной задачи можно подойти по-разному. Особенно в программировании. Сегодня предлагаем вам познакомиться с пятью паттернами разработки на React на одном и том же примере для наглядности:

https://tprg.ru/ZnSB

#react

3D-капча

Интересный вариант капчи, которая должна запутать робота. Да что там робота! Она и человека запутать может.

Автор предлагает всего-навсего воссоздать из отдельных блоков букву F, двигая блоки вокруг своей оси.

Посмотреть реализацию и попробовать можно тут:

https://tprg.ru/FLN5

#codepen

​Подборка полезных однострочников для JavaScript

Сохраняйте в закладки эту подборку однострочников, которые помогут вам в самых разных ситуациях и заставят выглядеть вас профессионалом в глазах других:

https://tprg.ru/dWhO

#javascript

Мета-тема и приёмы работы с ней

Многие популярные современные браузеры уже поддерживают работы тега meta с возможностью задавать цвет темы сайта. Это позволяет задать не только цвет самой страницы, но и установить цвет для самого окна браузера. Apple тоже добавила такую возможность в Safari 15 и теперь есть повод познакомиться поближе с этим тегом и научиться работать с ним, используя различные приёмы:

https://tprg.ru/Y15g

#css #html

Или jQuery в 2021

​Хотели бы вы, чтобы поисковик выдавал самые точные ответы по запросам программистов?

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

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

Подробности: https://yandex.ru/jobs/vacancies/асессор-разработчик-6130

#вакансия #работа

Как использовать IndexDB для управления состоянием в JavaScript

В ряде случаев IndexDB может стать отличным решением для хранения и управления состоянием в JS. IndexDB позволяет хранить достаточно большой объём данных, хранит непосредственно объекты JavaScript, а не JSON и доступ к нему является асинхронным.

О том, как использовать IndexDB читайте в этой статье:

https://tprg.ru/RstB

#javascript

​Советы по отладке JavaScript

Не так страшен код, как его отладка. А ведь она составляет существенную долю времени разработки и обойтись без неё нельзя, ведь рано или поздно баги появятся.

В этой статье вы найдёте советы по отладке кода, написанного на JavaScript:

https://tprg.ru/gHc8

#javascript

Что почитать: Марейн Хавербек «Выразительный JavaScript»

Эта книга предназначена не только для новичков, но и для опытных разработчиков. Она разбита на три части, которые постепенно подают информацию, начиная от простого к сложному. В книге множество не только полезной информации, но и практических упражнений.

Второе издание книги распространяется бесплатно, поэтому вот вам ссылка на неё:

https://tprg.ru/Ri4T

#книги

Библиотека iziModal.js

Пусть jQuery сегодня уже не так популярен, как раньше, но всё равно много проектов используют его и даже появляются новые. Библиотека iziModal.js, используя возможности jQuery, позволяет быстро и без труда создавать самые разные модальные окна под ваши нужды.

Подробнее:

https://tprg.ru/ZbPe

#библиотека

​Прекратите изучать фреймворк, станьте JavaScript-разработчиком!

Вообще вопрос довольно очевидный, да и в большинстве руководств и курсов прямо говорится о необходимости изучения в первую очередь JavaScript. Ведь странное дело, если человек каким-то чудом, изучивший фреймворк без хороших знаний JS придёт устраиваться на должность, а про основном язык в веб-разработке и ничего не знает толком.

Но давайте поговорим подробнее почему же всё-таки не стоит слишком сильно углубляться в изучение фреймворков:

https://tprg.ru/FWVp

#javascript

Делаем отключённые кнопки более инклюзивными

Сделать кнопку неактивной проще простого — просто добавляете атрибут disabled и всё. Но это плохая практика, особенно, когда все говорят о необходимости создавать доступные сайты.

В этой статье автор поделилась не только минусами, которые сопровождают отключённые кнопки, но и способами устранения этих минусов:

https://tprg.ru/NpIr

#css

Хинт для программистов: кроме этого канала у Tproger есть ещё 4 канала, где можно получать отборную инфу по конкретной теме.

Каждый найдёт что-нибудь для себя:
— геймдев: @make_game
— мобильная разработка: @mobi_dev
— основы программирования: @prog_point
— разработка на Python: @zen_of_python

На сегодняшний день наиболее популярными являются три фреймворка/библиотеки — Angular, Vue и React. Первый отличается от остальных более высоким порогом вхождения, поэтому подойдёт в качестве первого фреймворка лишь немногочисленным разработчикам.

А вот Vue и React проще в освоении и оба пользуются популярностью на рынке. Так что выбрать новичку для изучения, если JavaScript он уже достаточно хорошо изучил?

Поделитесь своим мнением в комментариях!

#чат

​Влияние слишком большой ленивой загрузки на производительность

Ленивая загрузка позволяет существенно снизить нагрузку на сеть, отложив загрузку определённых ресурсов на потом. Это очень популярный и удобный метод, но он не идеален. При злоупотреблении ленивой загрузкой можно достичь обратного эффекта, снизив производительность сайт.

О том почему это может произойти и как этого избежать вы узнаете в статье:

https://tprg.ru/zg3J