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

Многие популярные современные браузеры уже поддерживают работы тега 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

​Учебное пособие по Giphy API

В этом руководстве вы научитесь пользовать API Giphy и сможете создать своё React-приложение, которое сможет генерировать анимированный тексты.

По ссылке вы найдёте как текстовую версию, так и видеоруководство:

https://tprg.ru/iQGT

#react

Ключевое слово static в PHP

Пусть PHP сейчас и не самый популярный язык, но всё ещё востребованный в области веб-разработки. Начиная с ним работать необходимо привыкнуть к его синтаксису и особенностям, которые отличаются от других языков.

В этой статье рассказывается, как правильно применять ключевое слово static в различных ситуациях:

https://tprg.ru/6dFM

#php

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

Paralax.js позволяет быстро добавить эффект параллакса на ваш сайт. При этом на мобильных устройствах для управления эффектом задействуются гироскопы, а в случае их отсутствия, например на ПК, захватывается положение курсора мыши.

Подробнее тут:

https://tprg.ru/QB7O

#библиотека

​Отличная серия уроков по Bootstrap 5, которая пригодится многим веб-разработчикам:

https://t.me/prog_point/678

А потом немного сдвинул окно и вся вёрстка уплыла

​NotebookJS: JavaScript и D3 в Jupyter Notebook

Для того, чтобы добавить JavaScript в Notebook на Python необходимо применять весьма сложный код шаблонов. При этом ещё и API для передачи данных отличается для Python и JavaScript. Но эту проблему призвана решить специальная библиотека, которая называется notebookJS.

Подробнее о ней читайте в статье:

https://tprg.ru/rhYA

#javascript #python