​​😎Первое приложение на SolidJS

В этой статье познакомимся с SolidJS − JavaScript-библиотекой для создания пользовательских интерфейсов без виртуального DOM. Мы создадим легкий список задач с использованием TypeScript и разберем некоторые особенности библиотеки.

Читать...


Original post link: t.me/frontendnoteschannel/3318
Forwarded and filtered by @smartfeed_bot

Blob Switch

Оригинальный переключатель, стилизованный и анимированный в SCSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3821
Forwarded and filtered by @smartfeed_bot

JavaScript. Что будет выведено в консоль?

Ответ


Original post link: t.me/senior_front/1866
Forwarded and filtered by @smartfeed_bot

5 трендов в подборе ИТ-специалистов на 2024 год

Попробуем заглянуть в будущее и предсказать, чего ждать и к чему готовиться в России и за рубежом. Поговорим о зарплатах, подходах к найму айтишников и искусственном интеллекте.

Читать статью...


Original post link: t.me/frontendnoteschannel/3319
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 9 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Frontender's notes [ru]: 5 message(s)
Senior Frontend - javascript, html, css: 4 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 1 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

​​Состоялся релиз Tempo — библиотеки для работы с датами в JavaScript и TypeScript

Разработчики фреймворка FormKit для создания форм на Vue опубликовали код библиотеки Tempo, предназначенной для работы с датой и временем в JavaScript и TypeScript. Команда проекта акцентировала внимание на простоте использования и минимальном размере.

При создании разработчики вдохновлялись moment.js, day.js и date-fns, но начали проект с нуля, чтобы итоговая библиотека отвечала всем требованиям команды. В коде Tempo используются возможности Intl.DateTimeFormat для извлечения сложных типов данных, к которым относятся форматы дат и смещения часовых поясов:

import { format, parse } from "@formkit/tempo"

const readable = format(new Date(), "full")
// понедельник, 19 февр. 2024 г.

parse(readable, "full")
// Date: 2024-02-18T21:00:00.000Z

Библиотека реализована на языке TypeScript. Установить Tempo можно с помощью пакетных менеджеров pnpm, npm, yarn и bun, а у проекта на гитхабе уже больше 1,2 тыс. звёзд: https://github.com/formkit/tempo

#инструменты #javascript #typescript

🖥 Travel & Hotel Booking Light Mobile App – дизайн мобильного приложения для бронирования отелей. Акцент здесь сделан на спокойных серо-бирюзовых оттенках и скругленных углах.

Сайтодел | #макет #figma


Original post link: t.me/sitodel/1670
Forwarded and filtered by @smartfeed_bot

​​👨‍💻Пишем надёжный и расширяемый код с помощью Union & pattern matching в TypeScript

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

Читать...


Original post link: t.me/frontendnoteschannel/3321
Forwarded and filtered by @smartfeed_bot

Bubble Preloader

Необычный loader на HTML и SCSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3823
Forwarded and filtered by @smartfeed_bot

​​🚀Многопоточность на фронте: абсурд или прекрасное архитектурное решение?

В этой статье рассматриваются различные типы воркеров в браузере (dedicated worker, shared worker, service worker), их особенности, а также рассматривается архитектура приложений с использованием воркеров, где основная логика приложения размещается в shared worker'е, а виртуальный дом - в dedicated worker'е.

Читать...


Original post link: t.me/frontendnoteschannel/3322
Forwarded and filtered by @smartfeed_bot

Responsive Image Slider

В этом видео создается адаптивный слайдер на HTML, CSS и JS.

👉 @seniorFront


Original post link: t.me/seniorFront/3824
Forwarded and filtered by @smartfeed_bot

Beat Burger

Приложение на React, анимированное библиотекой gsap. При нажатии на элементы проигрываются звуки.

https://codepen.io/ste-vg/pen/MWpxKYR


Original post link: t.me/senior_front/1869
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 12 messages
Today you received: 8 messages
Our filtering prevented you from: 4 messages

Top 3 source channels:
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 3 message(s)
Senior Frontend Developer: 3 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

👉 @seniorFront


Original post link: t.me/seniorFront/3825
Forwarded and filtered by @smartfeed_bot

​​​Создаём калькулятор на чистом HTML и CSS

В статье подробно описывается процесс создания калькулятора, начиная от структуры HTML до стилей CSS, необходимых для его работы. Этот проект может быть интересен как начинающим, так и опытным веб-разработчикам, которые хотят улучшить свои навыки в создании веб-страниц без использования JavaScript.

https://blog.scottlogic.com/2022/01/20/noJS-making-a-calculator-in-pure-css-html.html

#html #css


Original post link: t.me/tproger_web/4387
Forwarded and filtered by @smartfeed_bot

​​🤔Как выбрать язык программирования и начать карьеру: советы от разработчика, занимающегося наймом

В этой статье автор расскажет о том, как правильно подойти к выбору языка программирования и начать свой карьерный путь, раз вы на это решились или крепко задумались по этому поводу.

Читать...


Original post link: t.me/frontendnoteschannel/3323
Forwarded and filtered by @smartfeed_bot

🎨 Цветовая палитра макета "Colour Palettes/Moodboards"

HEX | RGB
#EAA43D | rgb(234,164,61)
#F75B0D | rgb(247,91,13)
#405C20 | rgb(64,92,32)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра


Original post link: t.me/sitodel/1671
Forwarded and filtered by @smartfeed_bot

​​Все профессии нужны, все профессии важны


Original post link: t.me/tproger_web/4388
Forwarded and filtered by @smartfeed_bot

Animated Number Spinner

Логика заполнения шкалы при нажатии на кнопки реализована в JS.

👉 @seniorFront


Original post link: t.me/seniorFront/3826
Forwarded and filtered by @smartfeed_bot

​​👍Генерация статических сайтов с Hugo

В этой статье рассмотрим популярный генератор Hugo и сделаем с его помощью простой мультиязычный блог.

Читать...


Original post link: t.me/frontendnoteschannel/3324
Forwarded and filtered by @smartfeed_bot

Прощайте, useState и useEffect: революция в React

Многие разработчики продолжают использовать хуки useState и useEffect для обновления состояний. Проблема заключается в том, что компонент одновременно монтируется, перемонтируется и размонтируется, что приводит к неожиданному поведению. В результате при записи в консоль результат может быть повторен три раза.

https://telegra.ph/5-rekomendacij-po-optimizacii-zaprosov-SQL-11-17


Original post link: t.me/senior_front/1870
Forwarded and filtered by @smartfeed_bot