Senior Frontend - javascript, html, css. Страница 56

Driving through the Mountains Сцена создана при помощи препроцессоров Haml и SCSS. В JS реализована логика установки расстояний между деревьями. 👉 @seniorFront

🎯 Хардкорный тест по Node JS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут Старт занятий 21 июня 👉 ПРОЙТИ ТЕСТ https://otus.pw/F6BQ/

👉 @seniorFront

The progress Подборка индикаторов загрузки, созданных на HTML и CSS. 👉 @seniorFront

Count the divisible numbers Создайте функцию, которая принимает 3 числа - x, y, k. И возвращает количество целых чисел в промежутке от x до y, которые делятся на k. Пример: x = 6, y = 11, k = 2 Функция должна вернуть 3, так как в промежутке от 6 до 11 три числа делятся на 2 (6, 8, 10). 👉 @seniorFront

Dark Mode Toggle Переключатель день/ночь, созданный на React. 👉 @seniorFront

del Тег del используется для отображения удалённого контента. Например, выполненного пункта в списке дел или удалённой части кода. <h4>Список дел</h4> <ul> <li><del>Помыть посуду</del></li> <li><del>Полить цветы</del></li> <li>Погулять с собакой</li> <li>Пропылесосить комнату</li> </ul> По умолчанию браузеры применяют к <del> перечёркивание с помощью text-decoration: line-through. Такого же эффекта можно добиться, используя тег <s> или просто применив к тексту text-decoration: line-through. Однако <del> стоит использовать в том случае, когда нужно подчеркнуть, что какой-то контент был удалён и это важно. Хоть визуально отличий не будет, но это поможет, например, пользователям скринридеров. 👉 @seniorFront

CSS Menu Hover Effects В этом видео создается уникальный эффект при наведении на пункт меню. Выезжающая надпись - это псевдо элемент, у которого при наведении изменяются свойства opacity и letter-spacing. 👉 @seniorFront

CSS Stairs Loader Загрузчик, созданный и анимированный на HTML и SCSS. 👉 @seniorFront

One Day Offer для фронтенд-разработчиков 25 июня Яндекс проводит One Day Offer — онлайн-встречу, на которой вы можете получить оффер от Яндекса всего за один день. Вы JS разработчик с опытом от трех лет и хотите работать над интересными проектами в Яндексе? Регистрируйтесь на сайте, успейте решить задачи контеста до 21 июня, а 25 июня мы встретимся на онлайн-секциях, по результатам которых лучшие участники смогут присоединиться к командам Поиска, Yandex Cloud или Директа.

Hamburgers Подборка бургер кнопок, анимированных в CSS. В JS создана логика изменения размера иконок. 👉 @seniorFront

​text-indent Свойство text-indent управляет отступом первой строки текста: либо вытягивает строку за пределы абзаца, либо утягивает её внутрь. Используется для выделения начала абзаца при плотном наборе без отступов между абзацами. Строка смещается по горизонтали относительно начала строки. Пример: div { text-indent: 20px; } Пример корректно отображается только в Safari. Он выглядит следующим образом: 👉 @seniorFront

-30% скидка на обучение важным навыкам фронтенд-разработчика🚀 Для тех, кто хочет расти до мидла, но не знает с чего начать обучение, мы составили карту компетенций и выделили основные навыки, востребованные на рынке разработки. По этим навыкам разработали курсы. Практика построена вокруг реальных типовых задач рынка, поэтому вы сможете сразу применять новый навык в своих проектах. Асинхронный формат позволит учиться в свободное время и выбрать комфортный темп, а сообщество опытных разработчиков даст обратную связь по задачам и поделится опытом. Начните учиться прямо сейчас! До 19 июня скидка 30% на обучение важным навыкам для фронтенд-разработчика: «Алгоритмы и структуры данных», «TypeScript. Теория типов», «Анимации, часть 1. CSS-анимации».  Переходите по ссылке и качайте навыки, чтобы расти до мидла🧗🏼‍♂️

Magic Navigation Menu Indicator В этом видео автор создает панель навигации с необычной формой. Эту форму он создает при помощи стилизации псевдо элементов. Плавные переходы реализованы свойствами transform и transition. 👉 @seniorFront

Gradient Border Effect Градиентная граница элемента, созданная при помощи псевдо элемента. 👉 @seniorFront

Коды ответа HTTP Всем привет. Нашел классную подборку с кодами ответа HTTP. Пост всего на минутку но будет очень полезен. Там рассказано как просто об основных категориях HTTP кодов(1xx, 2xx, 3xx, 4xx, 5xx), так и более подробно рассказано о расшифровке основных. Рекомендую прочитать и возможно даже сохранить где-нибудь в закладках. Вот тут подробнее...

Tilt Hover Effect + Flying Chef В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении. 👉 @seniorFront

​Грабли на пути программиста ( Часть 1) 1. Человек-оркестр Небольшая фирма, набирает программистов без опыта. На собеседовании о будущих обязанностях вываливают гигантский список работы. В чем грабли: В лучшем случае, вас обманут и программирование не будет входить в список ваших обязанностей. В худшем случае, вы будете разрываться между задачами. Такая ситуация характерна для небольшой фирмы, которая пытается делать все, что можно за счет небольших ресурсов. 2. У нас в Греции все есть Симптомы: На собеседовании крупной фирмы вам долго рассказывают о своих изобретениях. Вы быстро понимаете, что в фирме все свое: ORM, коллекции, фреймворк, интеграция, платформа и т.д В чем грабли: Проходит время, вы решаете сменить работу, приходите на собеседование и на все вопросы «а знаете ли вы открытый фреймворк А или библиотеку Б» отвечаете «нет, у нас все было свое», в конце концов, интервьюер начинает задавать вам элементарные вопросы о коллекциях, но вы понимаете, что даже коллекции у вас были свои… 3. Медные трубы и звездная болезнь Симптомы: Прошло пару месяцев на работе и вас перевели из джуниор в мидлы, ещё через пару месяцев уже называют senior. В чем грабли: Проблема в том, что senior'ом не стать за год. С одной стороны, в этом нет большой проблемы, но человек может реально начать верить в то, что он все знает и умеет. Обижается минусам на код ревью и не понимает, почему другие фирмы не хотят брать его senior'ом. Продолжение на следующей неделе… 👉 @seniorFront