Условные выражения в CSS

https://ishadeed.com/article/conditional-css/

👉 @frontend_1

Есть отличный способ получить крутую профессию в IT совершенно бесплатно.

22 февраля HTML Academy исполняется 11 лет и в честь этого они приглашают на марафон «Погружение в веб-разработку за 5 дней». Это значит 5 дней доступа к крутым тренажерам по веб-разработке и пробным курсам. Но самое главное — призы

Вы можете получить профессию «Фронтенд-разработчик». Обучение для победителя — 119 000 рублей бесплатно. 

Марафон — это шанс выиграть бесплатное обучение на профессии «Фронтенд-разработчик», пробный доступ к курсам и другие призы.

Пройдите не менее 50% программы марафона для участия в розыгрыше.

Каждому участнику Академия дарит гарантированные скидки.
Записывайся

Задачи на собеседованиях. Event loop. JS

Каждый JS-разработчик, или тот, кто хочет им стать, сталкивался или на собеседованиях, или на разборах собесов про задачки на событийный цикл. Сначала интервьюер спрашивает кратко про event loop, затем показывает кусок кода, где обычно есть несколько console.log(), и нас просят сказать очередность появления логов. Далее, дается ответ, и если он правильный, идут дальше, а если нет, интервьюер скажет свою последовательность (возможно даст небольшой комментарий) и также двинутся дальше. Очень редко, если вы ошиблись, вам подробно объяснят, что как и почему. Все-таки - собеседование.

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

https://habr.com/ru/post/681882/

👉 @frontend_1

Задумывались ли вы, насколько ваш продукт доступен для незрячих? А для слабовидящих или тех, у кого нет рук?

Если вы разработчик (web, iOS и android), дизайнер, исследователь, зовём учиться делать продукт доступным вместе!

С 13 марта по 28 мая на курсе "Цифровая доступность" вместе с кураторами из Yandex, Dodo, Yandex Go, Сбер, SpurIT, Miro будем разбирать теорию и практику доступности, геймдизайн, информационную архитектуру, дизайн-системы и многое другое.

Наш курс для тех, кому важно:
😎 обеспечить доступность своего сайта или приложения для любого, включая незрячего и парализованного человека
👨‍🦯 прокачаться в создании дружелюбных интерфейсов
💪 повысить свою конкурентоспособность на зарубежном и российском рынке
✍️ систематизировать знания по инклюзивной разработке
🧠 стать частью сообщества продвинутых профессионалов

Приходите: accessibilityunity.com/

Code Golfing Tips & Tricks: How to Minify your JavaScript Code

https://getbutterfly.com/code-golfing-tips-tricks-how-to-minify-your-javascript-code/

👉 @frontend_1

Центрируй, властвуй, располагай

Сегодня я хочу рассказать о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets). В сети есть много статей на эту тему, но я хочу выделить все виды горизонтального и вертикального центрирования с примерами.

https://habr.com/ru/company/usetech/blog/680330/

👉 @frontend_1

Как создать игру Tetris с помощью Three.js

Вспомните, как мы играем в «Тетрис». При движении блока мы свободно перемещаем и вращаем его. Кубы, из которых состоят блоки, соединены, поэтому должно быть соединено и их описание в коде. С другой стороны, когда мы завершаем горизонтальный срез (в 2D это строка), кубы удаляются и блок, к которым они принадлежали, на этом этапе уже не важны. На самом деле, они и не должны быть важны, ведь некоторые кубы из блока могут удалиться, а другие остаться на поле.

https://habr.com/ru/company/ruvds/blog/680666/

👉 @frontend_1

Методы для работы со строками в JavaScript

👉 @frontend_1

Алгоритмы для веб-разработчиков простыми словами

В этой статье мы поговорим о том, зачем вообще их нужно знать веб-разработчикам, и затронем тему оценки сложности алгоритмов и Big O нотации.

https://habr.com/ru/company/gnivc/blog/683128/

👉 @frontend_1

Алгоритмы для веб-разработчиков простыми словами (часть 2)

Мы продолжаем разбирать максимально простым языком алгоритмы и структуры данных на JavaScript. И сегодня мы поговорим о, пожалуй, самом знаменитом алгоритме, про который слышал каждый разработчик — а именно о сортировке пузырьком (Bubble Sort).

https://habr.com/ru/company/gnivc/blog/689770/

👉 @frontend_1

Как заработать на своем проекте в VK Mini Apps

Открытая платформа для создания сервисов помимо инструментов монетизации недавно ввела новую технологию ротации баннерной рекламы. Теперь рекламные объявления проще интегрировать в свой сервис, а приносить дохода они будет больше в 3 раза.

В добавок, объявления подбираются под аудиторию конкретного сервиса, рендерятся и отображаются с помощью инструментов VK Mini Apps. Адаптировать элементы объявления вручную владельцу сервиса не нужно.

👉 @frontend_1

Алгоритмы для веб-разработчиков простыми словами (часть 3)

Мы продолжаем разбирать максимально простым языком алгоритмы и структуры данных на JavaScript. Тема нашей сегодняшней статьи — рекурсия. Для многих разработчиков рекурсия кажется чем-то очень сложным и непонятным, но не переживайте, не так страшен черт, как его малюют.

И сегодня мы узнаем, как устроена рекурсия, а также разберем алгоритм сортировки массива под названием Quick Sort или, как еще его называют, быстрая сортировка Хоара. Как вы уже догадались, этот алгоритм рекурсивный.

https://habr.com/ru/company/gnivc/blog/696054/

👉 @frontend_1

Another 100 CSS loaders for your next project

https://dev.to/afif/another-100-css-loaders-for-your-next-project-352l

👉 @frontend_1

50+ mini web projects using HTML, CSS & JS

https://github.com/bradtraversy/50projects50days

👉 @frontend_1

Clean Architecture: Applying with React

https://dev.to/rubemfsv/clean-architecture-applying-with-react-40h6

👉 @frontend_1

Создать игру за 24 часа и выжить

За 24 часа можно успеть очень много. Сегодня я решил рассказать, как всего за сутки мы с моими коллегами (шестью фронтендерами и одним бэкендером) создали настоящую мультиплеерную игру на JavaScript. Поехали!

https://habr.com/ru/post/684480/

👉 @frontend_1

React: полное руководство по повторному рендерингу

https://www.developerway.com/posts/react-re-renders-guide

✍️ @React_lib

Использование директивы NgOptimizedImage для реализации загрузки изображений в Angular

Директива NgOptimizedImage в Angular отвечает за реализацию загрузки изображений, сохраняя высокую производительность. Она доступна в Angular v14.2.0. Директива помечена как standalone и может быть импортирована в standalone компоненты и модули.

Eng https://netbasal.com/using-angular-ngoptimizedimage-to-implement-image-loading-best-practices-e20a69d71ea3

Rus https://habr.com/ru/post/685018/

👉 @frontend_1