👩💻 Огромный курс React.js! (2024)
🌟 Откройте для себя мощь современной веб-разработки с самым большим курсом React.js в Интернете! Этот комплексный курс предназначен как для новичков, так и для опытных разработчиков, желающих освоить React.js и его экосистему!
🕞 Продолжительность: 12:42:56
🔗 Ссылка: *клик*
@react_tg
Ваши автотесты сложно поддерживать и они не всегда надежны? Хотите узнать, как улучшить процесс автоматизации тестирования и повысить качество результатов? 👀
Всего за пару часов вы изучите паттерн Page Object, чтобы сделать тесты структурированными, легко читаемыми и поддерживаемыми. Вы узнаете, как оптимизировать автоматизированные тесты в JavaScript, что повышает их производительность и надежность.
➡️Присоединяйтесь к открытому вебинару 17 сентября в 20:00 мск!
Спикер Татьяна Березенцева — Senior Automation QA в зарубежной компании Multilogin.
Встречаемся в преддверии старта курса «JavaScript QA Engineer».
Все участники вебинара получат специальную цену на обучение!
➡️Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3DDne3
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ", ИНН: 9705100963
Монолитный API ограничивает возможности системы и усложняет масштабирование? Хотите узнать, как перейти на микросервисы и использовать GRPC для повышения эффективности?
Всего за пару часов вы научитесь создавать микросервисы на GRPC, узнаете, как использовать GRPC-клиенты и серверы в среде Node.js и разберете его преимущества по сравнению с традиционным REST API.
Присоединяйтесь к открытому вебинару «Как декомпозировать монолитный API на микросервисы GRPC» 12 сентября в 20:00 мск!
Встречаемся в преддверии старта курса «JavaScript Developer. Professional». Все участники вебинара получат специальную цену на обучение!
Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://clck.ru/3DC9d4Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
💡AbortSignal.timeout()
в действии: на заметку фронтенд-разработчику
👉 Поиграть можно здесь
#css #tip by Shripal Soni
👩💻 Как эффективно разрабатывать Web-API на JavaScript?
Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности.
А также рассмотрим:
- введение в веб-серверы;
- описание маршрутов HTTP API;
- связь контроллеров и бизнес-логики;
- миддлвары.
Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://otus.pw/aNUY/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
⚒️ CSS scope — новый механизм для ограничения области действия селекторов, позволяющий отказаться от использования соглашений по именованию вроде БЭМ или сторонних инструментов.
🙇 Читайте подробнее о том, как работать с фичей, на добавление которой потребовалось порядка 15 лет.
👉 Читать
🤩 Подборка полезных JavaScript-библиотеки для реализации красивых анимаций:
🔹 Three.js
🔹 Mo.js
🔹 AniJS
🔹 GSAP (GreenSock Animation Platform)
🔹 Typed.js
🔹 Lottie
🔹 Anime.js
🔹 Popmotion
🔹 Framer Motion
🔹 ScrollMagic
💡 Проблема: Вы хотите скопировать массив JavaScript, но использовать другое значение для одного индекса.
Решение: Array .with
Массив.with копирует массив вместо того, чтобы изменять его, и позволяет указать другое значение для определенного индекса.
@about_javascript
Вариант для тех, кто ищет виртуальный сервер с хорошей веб-защитой — Aéza:
– Виртуальные сервера до 6.0 ГГц на лучших процессорах;
– Профессиональная фильтрация атак StormWall;
– Круглосуточная поддержка;
– Anycast фильтрация;
– Низкие цены;
– 15% кешбэка по ссылке.
Бесконечно можно смотреть на три вещи: на огонь, воду и скидку от Aeza!
Говорят: твоё от тебя не уйдет. А зачем ждать? Динозавры тоже ждали и остались в прошлом
Используй 50% скидку и погнали в будущее!
Кроме того, сейчас Aéza раздает личные бесплатные сервера, забираем тут. Регистрация, подписка, платежи не потребуются.
Реклама. Индивидуальный предприниматель Лобанов Леонид Константинович. ИНН 781625705648 erid: LjN8KEr3S
You Must Build a Lighthouse
Игра на HTML и SCSS. Каждый квадрат, в котором можно построить часть дома, - радиокнопка, при активации которой задействуются CSS стили.
#html #css
https://codepen.io/ivorjetski/pen/OJXbvdL
"use client
" обозначает границу между серверным и клиентским кодом в дереве зависимостей модуля.
Каждый компонент, импортированный в файл с "use client
", автоматически становится клиентским компонентом.
Мы по-прежнему можем передавать серверные компоненты в качестве реквизитов клиентским компонентам.
@about_javascript
Animista — гигантская библиотека CSS-анимаций
Платформа позволяет играть с коллекцией готовых CSS-анимаций и скачивать только те, которые вы собираетесь использовать
Отличный вариант для веб-дизайнеров и разработчиков, которые хотят добавить динамичность и интерактивность в свои проекты
Стоимость: #бесплатно
#CSS #web
GSAP Flip Cart - Анимация добавления в корзину, выполненная с помощью Pug, CSS и библиотеки GSAP.js
https://codepen.io/hexagoncircle/pen/RwLQLop
@about_javascript
🖥 Scroll animation — красивая анимация текста при прокрутке. Реализована с помощью CSS и JavaScript
#код #css #javascript
https://codepen.io/Tiopayo/pen/QWZbqZz
@about_javascript
🖥 Огромная шпаргалка по взаимодействиям с массивами в JavaScript!
📖 Читать: *клик*
@javascriptv
Создаем меню профиля с использованием HTML, CSS и JavaScript 🚀
https://github.com/atherosai/ui/tree/main/dropdown-menu-09
24 CSS-проекта: Анимация загрузки, индикаторы выполнения, карточки и многое другое
На freeCodeCamp вышло новое видео, в котором вы сможете узнать, насколько хорошо вы на самом деле знаете CSS.
На протяжении 24 заданий вы будете воссоздавать компоненты и макеты из популярных приложений, таких как GitHub, CodePen и Instagram. Вы также создадите анимацию загрузки, индикаторы выполнения, карточки и многое другое, используя чистый CSS: https://youtu.be/TzuWIHGFKCQ
#css
90% - SVG Animation
SVG-анимация загрузки. Реализована с помощью JavaScript.
#js
https://codepen.io/Adir-SL/details/zYozoNZ
⚡️ ТОП БЕСПЛАТНЫХ Курсов по Frontend! Javascript, React, Vue, Angular... ВЫУЧИТЬСЯ С НУЛЯ!
https://www.youtube.com/watch?v=FZ4rBSYgPAg
@javascriptv
Яндекс Go Frontend Meetup #4 — впервые в Санкт-Петербурге
Ждем фронтенд-разработчиков на митапе от команды SUPERWEB. Это специалисты, которые не только разрабатывают интерфейсы, но и помогают выстраивать процессы и прорабатывать новые продукты, погружаются в дизайн, аналитику и даже немного в бэкенд.
Перенесем этот вайб на митап и поделимся докладами на околофронтендные темы:
- Анастасия Барташук, младший разработчик интерфейсов в Яндекс Про, поделится докладом о добавлении темизации в проект
- Егор Брагин, руководитель группы разработки платформы Яндекс Go для бизнеса, расскажет о том, как команда выстроила телефонию на базе WebRTC
- Сергей Алейников, старший разработчик интерфейсов в Яндекс Go, объяснит, как оптимизировать веб-приложения на примере Турбоаппа Такси
Митап пройдет 23 мая в Санкт-Петербурге. Можно прийти офлайн или подключиться к онлайн-трансляции.
Обязательно регистрируйтесь и зовите коллег. До встречи на митапе!
Реклама. ООО «Яндекс.Такси» ИНН 7704340310
🔥Подборка лучших обучающих каналов для программистов.
➡️ Делитесь с коллегами и сохраняйте себе, чтобы не потерять
⚡Машинное обучение
Machine Learning - запускаем лучшие ИИ модели, пишем код, погружаемся в нейросети
Ml Собеседование - подготовка к собесу по мл, алгоритмам, коду
Ml ru - актуальные статьи, новости, код и обучающие материалы
Ml Jobs - вакансии ML
ML Книги - актуальные бесплатные книги МО
ML чат
🏆 Golang
Golang - изучи один из самых перспективных языков на ит-рынке
Golang собеседование - разбор задач и вопросов с собесов
Golang вакансии -работа для Go разработчика
Golang книги библиотека книг
Golang задачи и тесты
Golang чат
Golang news - новости из мира go
Golang дайджест
💥 Linux /Этичный хакинг
Linux Academy - гайды, секреты и лучшие материалы по Linux
Kali linux - погрузись в мир этичного хакинга и кибербезопасности
linux_kal - kali чат
Информационная безопасность
🚀 Data Science
Анализ данных - полезные фишки, код, гайды и советы, маст-хэв датасаентиста
Data Jobs - ds вакансии
Аналитик данных
Data Science книги - актуальные бесплатные книги
Big data
🛢Базы данных
Sql базы данных - научим работе с базами данных профессионально
Библиотека баз данных
SQL чат
Вакансии Sql аналитик данных
#️⃣C#
С# академия - лучший канал по c#
С# заметки — код, лучшие практики, заметки программиста c#
С# задачи и тесты
С# библиотека - актуальные бесплатные книги
C# вакансии - работа
🐍 Python
Python/django - самый крупный обучающий канал по Python
Python Собеседование - подготовка к собеседовению python и разбор алгоритмов
Pro python - статьи, новости, код и обучающие материалы
Python Jobs - вакансии Python
Python чат
Python книги
☕ Java
Java академия - java от Senior разработчика
Java вакансии
Java чат
Java вопросы с собеседований
Java книги
💻 C++
C++ академия
С++ книги
C++ задачи - подготовка к собеседовению мл, алгоритмам
C++ вакансии
⚡️ Frontend
Javascript академия - крупнейший js канал
React - лучшие гайды и советы по работе с react
Frontend - тутрориалы, уроки, гайды, код
PHP
Книги frontend
Задачи frontend
🦀 Rust
Rust программирование
Rust чат
Rust книги для программистов
📲 Мобильная разработка
Android разработка
Мобильный разработчик гайды и уроки
🇬🇧 Английский для программистов
🧠 Искусственный интеллект
ИИ и технологии
Neural - нейросети для работы и жизни
Книги ИИ
Artificial Intelligence
🔥 DevOPs
Devops для программистов
Книги Devops
🌟 Docker/Kubernets
Docker
Kubernets
📓 Книги
Библиотеки Книг для программситов
💼 Папка с вакансиями:
Папка Go разработчика:
Папка Python разработчика:
Папка Data Science
Папка Java разработчика
Папка C#
Папка Frontend
🧰 Pico CSS — минималистичный легковесный CSS-фреймворк для семантического HTML, который отлично подойдет бэкендеру, ведь с ним вообще не надо заморачиваться:
☑️ Pico напрямую стилизует HTML-теги, используя менее 10 классов. Также предлагается версия без классов для поклонников чистого HTML.
☑️ Работает без зависимостей, менеджеров пакетов, внешних файлов или JavaScript, обеспечивая элегантные и простые стили с чистой HTML-разметкой.
☑️ Pico автоматически масштабирует размеры шрифтов и отступы в зависимости от ширины экрана, обеспечивая консистентный и элегантный вид на всех устройствах.
☑️ Включает две доступные, нейтральные цветовые схемы: светлую и тёмную. Автоматически адаптируется к предпочтениям пользователя о цветовой схеме без использования JavaScript.
☑️ Можно настроить Pico с помощью более чем 130 CSS-переменных или использовать SASS. Переключайтесь между 20 ручными цветовыми темами и компонуйте с 30+ модульными компонентами.
☑️ В отличие от громоздких и перегруженных фреймворков, Pico поддерживает легкость HTML, уменьшает использование памяти, избегая чрезмерной специфичности CSS, и сокращает количество загружаемых файлов.
👉 GitHub
💡 Совет по CSS
Легко анимируйте иконку с помощью этого маленького трюка
@about_javascript
Weekend Offer: как проходят быстрые “свидания” разработчиков и рекрутеров в VK
Советуем присмотреться к формату Weekend Offer — быстрым собеседованиям в выходные. Если вы готовы улучшать пользовательский опыт, то приходите знакомиться с проектами и командой. А также получить оффер всего за два дня. Вы еще успеваете! Дедлайн для подачи заявки - 15 марта 12:00.
Участвовать
@about_javascript
Гигантскую библиотеку CSS-анимаций заказывали?
Animista позволяет играть с коллекцией готовых CSS-анимаций и скачивать только те, которые вы собираетесь использовать. Отличный вариант для веб-дизайнеров и разработчиков, которые хотят добавить динамичность и интерактивность в свои проекты.
Берите на заметку.
#css #инструменты
Заказчик: Нужно на нашем сайте сделать кнопки зеркальными, чтобы пользователь заходил и видел своё отражение.
Я: Ни слова больше
CodePen-проект: https://codepen.io/tyeb_11/pen/dygoJow
#js
@about_javascript
3D glass weather icons - Анимированные иконки погоды, выполненные с помощью SVG и SCSS, без использования JavaScript
https://codepen.io/onediv/pen/MWQKgmv
@about_javascript
🔥Ищите вдохновение для дизайна футера? Тогда ловите ресурс с множеством идей, на котором можно фильтроваться по стилю и типу.
Читать полностью…