How to Copy HTML and CSS Code From Websites Easily

https://tympanus.net/codrops/2022/08/02/how-to-copy-html-and-css-code-from-websites-easily/

👉 @frontend_1

Тяжелейший путь с нуля до джуна и мидла. Ультимативный гайд, советы и личный опыт

https://razrabs.ru/post/2990237f-8b27-4b96-bdee-09128cc1acfa

👉 @frontend_1

Дзен ищет Frontend-разработчика в команду форматов

Вакансия для тех, кто шарит в React, Redux, TypeScript, RxJS, server-side rendering на Node.js, фронтендит более 2-ух лет и работал с Git.

Что по задачам: нужно будет разрабатывать клиентскую бизнес-логику, заниматься адаптивной и кросс-браузерной вёрсткой с помощью React и Redux, работать с анимацией в браузерах и создавать тесты для автоматической проверки логики и внешнего вида компонентов.

Ещё больше информации здесь, стоит попробовать: http://bit.ly/3x69nnL

👉 @frontend_1

MyJavaScript

Руководства, шпаргалки, вопросы и другие материалы по JavaScript, React, TypeScript, Node.js, Express, Prisma, GraphQL, Docker и множеству других технологий, а также Блог по веб-разработке.

https://my-js.org/

👉 @frontend_1

Fantastic CSS border animation

https://dev.to/chokcoco/fantastic-css-border-animation-5166

👉 @frontend_1

Условные выражения в 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