Frontend разработчик

0:09

Совет по CSS 💡

Знаете ли вы, что можно сделать очень тонкий скроллбар или даже скрыть его, при этом сохранив возможность прокрутки?

Это может помочь сделать интерфейс более аккуратным и менее загромождённым в некоторых случаях

👉 @frontend_1

👍8

1.77K views09:31

0:06

Совет по CSS 💡

Иногда фавикон отлично смотрится в светлой теме, но выглядит плохо (или вовсе исчезает) в тёмной, и наоборот.

Такие мелкие детали могут портить общее впечатление от сайта.

Вот как это исправить 👆

👉 @frontend_1

👍5

1.47K views10:17

Шпаргалка по JavaScript

👉 @frontend_1

👍6

1.33K views06:28

Как оживить формы на сайте без фреймворков? Хотите понять, как чистый JavaScript превращает скучные поля в динамичные интерфейсы?

📅 22 сентября в 20:00 МСК на открытом уроке мы разберём, как добавить в анкету динамические поля, условия показа, счётчики и реакцию на ввод — без React и Vue. Вы увидите, как одна функция может управлять доступностью кнопки и менять структуру DOM в реальном времени.

❗️ Прямо в ходе вебинара создадим интерактивную анкету с радиокнопками, чекбоксами и текстовыми областями, освоим псевдо-отправку и научимся чистому, понятному коду. Спикер продемонстрирует лучшие практики обработки форм и покажет, как без лишнего «кода-шума» добиться гибкости.

👉 Посетите урок и получите скидку на курс «JavaScript Developer. Basic» → https://vk.cc/cPzNZn

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

👍1

1.37K views07:53

Коллекция полезных HTML и CSS фич, которые редко используются

Я люблю помогать фронтендерам больше узнать о HTML и CSS. Общаясь, я составил список HTML и CSS фич, которые полезные, но почему-то о них мало кто знает. В этой статье я пришёл поделиться ими.

Давайте посмотрим, что я вам подготовил.

https://habr.com/ru/companies/ruvds/articles/946052/

👉 @frontend_1

👍2

1.49K views10:02

Разбор кода: фронтендер из Яндекса и пятнашки от джуна

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

В этот раз Павел Веденичев, руководитель группы фронтенд-разработки Яндекс 360, погружается в код игры в пятнашки.

Ссылка на код: https://github.com/Sasha-N/pots

👉 @frontend_1

👍3

1.12K views13:51

0:08

Forest Encounter

Свёрстано и анимировано на чистых HTML и CSS.

https://codepen.io/dropside/pen/AXewvP

👉 @frontend_1

👍3

902 views08:01

🚀 Хватит оставаться на уровне базового Vue! Пора перейти на профессиональный фронтенд.

Онлайн-курс «Vue.js разработчик» — для тех, кто хочет:
• Создавать современные SPA и многостраничные приложения
• Работать с Vuex, Vue-router, Nuxt 3 и SSR
• Писать чистый код на ES6/ES8/TypeScript и тестировать его с Jest/Cypress
• Осваивать GraphQL, Firebase и Electron
• Применять продвинутые паттерны проектирования и оптимизировать приложения под production

💡 И это ещё не всё! 25 сентября в 20:00 в рамках курса «Vue.js разработчик» пройдёт бесплатный открытый вебинар «Nuxt 3 + SSR: собираем многостраничное приложение на Vue»:

• Настроим маршрутизацию и создадим страницы: каталог, карточка товара, «О компании»
• Подключим серверный рендеринг для ускорения загрузки и SEO
• Подтянем данные из открытого API и отрендерим на сервере
• Сверстаем и задеплоим базовую структуру проекта

Зарегистрироваться на вебинар: https://vk.cc/cPKDRB

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

❤1👍1

925 views09:04

Vue. Watch и WatchEffect на практике

Каждый, кто использует Vue для разработки или только его изучает, так или иначе встречается с необходимостью выполнить какое‑либо побочное действие при изменении значений, и сразу в голове возникает мысль о двух методах‑наблюдателях — Watch и WatchEffect.

Как работают эти 2 метода можно узнать из великолепной документации Vue, а в этой статье мы посмотрим на примеры самых часто используемых компонентов вместе с наблюдателями — по 2 компонента на каждый метод — а заодно вы сможете больше понять принцип их работы.

По ходу статьи также будут приведены некоторые полезные библиотеки Vue, которые часто используются в разработке.

https://habr.com/ru/articles/915394/

👉 @frontend_1

👍4

908 views07:48

0:20

Как указать, что серверный компонент должен рендериться динамически во время выполнения, если он не использует динамические API в Next.js.

👉 @frontend_1

👍4

791 views06:57

Расскажут инженеры
MWS Cloud Platform ⬜️ в 8-й серии
реалити-проекта для инженеров — Building the Cloud.

📅 Когда: 9 октября в 13:00
📍 Где: Онлайн

Вы узнаете:

⏺️чем реализация ванильного Kubernetes отличается от управляемого сервиса, предоставляемого в облаке;
⏺️какую архитектуру выбрали для managed-решения в облаке MWS Cloud Platform;
⏺️как реализовали жизненный цикл кластеров, мульти-тенанси и интеграции с другими облачными сервисами — Artifact Registry, IAM, Compute, VPC.

🎁 Розыгрыш фирменного мерча — за лучший вопрос в чате.

Будет особенно полезно DevOps- и Cloud Native-инженерам, а также всем, кто интересуется облачными технологиями.

➡️

Зарегистрироваться

Please open Telegram to view this post

VIEW IN TELEGRAM

784 views09:04

0:04

Table tenniCSS

Создано на HTML и SCSS, без использования JS.

https://codepen.io/amit_sheen/pen/PobQjMX

👉 @frontend_1

👍13

751 views17:49

0:09

CSS Swirl

Версияна чистом CSS.

400 квадратов, с использованием sibling-index и count, кучи тригонометрических функций и немного типизированной арифметики. (Пока работает только в Chrome 140+).

https://codepen.io/amit_sheen/full/PwZoLBG

👉 @frontend_1

👍2

659 views05:33