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

Frontend meetup (Online)

1. Быть Senior Frontend Developer в 2023: Экспертиза, карьера и общество — Александр Гузенко, IT_ONE
В докладе попробуем систематизировать средние по палате необходимые требования к Senior Frontend Developer к 2023 году. Разберем, чем синьор отличается от мидла, посмотрим на хард скилы, софт скилы, точки роста для синьора.

2. CLI для фронтендеров. Делаем лучше, а не хуже — Алексей Попков, Толока
В докладе поговорим, как превратить скриптописательство в системный подход, какие есть основные критерии качества, и как сделать инструмент, которому будет рада вся команда.

3. Обзор полезных инструментов разработчика — Павел Теренин, Juniper Square
В моем докладе инструменты разделены на две секции: инструменты для отладки верстки и стилей, и инструменты для отладки кода и оптимизации быстродействия.

➖➖➖

🗓 15 марта, начало в 19:00 мск, Среда

🌐 ОНЛАЙН

✅ Регистрация на мероприятие

Wavy Color Cube

https://codepen.io/hexagoncircle/pen/MWwjpYY

Подпишись👉 @codepen_1

Advanced JavaScript Features

https://blog.nonstopio.com/advanced-javascript-features-2fe8108ab4d3

👉 @frontend_1