Что случится, если... 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

Такого специалиста не каждая компания себе может позволить

Хамелеон

Необычный проект, представляющий собой анимированного хамелеона, который может поменять цвет, если навести на нужную область на экране, а также периодически ест курсор, которым вы управляете.

Как это реализовано можно посмотреть тут:

https://tprg.ru/gjL8

#codepen