Javascript js frontend

​На что способен Selenium в паре с JavaScript?

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

#js #ru

Шпаргалка по Git + полезные ресурсы

Git — это распределённая система управления версиями, которую изначально создал Линус Торвальдс. Git позволяет отслеживать и вести историю изменений файлов: откатить свой проект до более старой версии, сравнивать, анализировать или сливать свои изменения в репозиторий.

Делимся шпаргалкой и подборкой полезных материалов по теме:
— Как выучить Git с нуля и где продолжить изучение? В этой подборке вы найдёте всё для уверенного старта в Git с нуля
— Введение в Git — от установки до основных команд
— 10 ресурсов для изучения Git
— Игра для изучения Git — Learn Git Branching и её прохождение
— 5 шпаргалок для Git

🟡Привет, фронтендеры! Совместно с каналом JSLive составили дайджест полезных материалов из мира frontend за неделею с 06 по 12 июля. Подписывайтесь на JS Live 🚩 JavaScript & Frontend-разработка, чтобы получать дайджесты на постоянной основе и быть в курсе актуальных новостей сферы!

🔖 Почитать:

▪️ Манипулируй DOM правильно
▪️ [React] Разбираем useId( ) хук под микроскопом
▪️ Не наступил ли у React момент переписывания Angular.js на Angular?
▪️ Как настроить Node.js Express сервер для React
▪️ Как я использую React Hook Form
▪️ Новый перспективный веб-фреймворк Cample.js. Реактивность без VDOM
▪️ Пишем хорошие компоненты, которые захочется переиспользовать, а плохие — не пишем
▪️ Разработка фронтенда ИТ-продукта: какой подход выбрать исходя из задач бизнеса
▪️ Оптимизация Apollo-client
▪️ 8 полезных библиотек React, которые упрощают жизнь разработчику
▪️ Введение в View Transitions API
▪️ Новинки CSS и UI: I/O 2023
▪️ Мои любимые вопросы о CSS с ответами. Версия 2023 года
▪️ Как фронтендеру пройти собеседование: разбор типичных задач и советы от тимлида «РТК ИТ»
▪️ Знакомимся с @scope в CSS
▪️ Разбираемся в REST assured как новичок и не только

👀 Посмотреть:

🌐 JavaScript - Путь самурая. Первые шаги к отладке программы, DEBUG. БЕСПЛАТНЫЙ КУРС IT-KAMASUTRA (⏱ 28:05)
🌐 JS - Путь самурая. Сложная программа, if else, проценты, счётчик. JAVASCRIPT для новичков (⏱ 43:42)
🌐 #1 "Джуны и сеньоры" - Пишем игру на ЧИСТОМ JS (⏱ 22:53)

Хорошего дня!

Exploding Box Hover

Раскрывающиеся рамки элемента при наведении. Реализовано на чистом CSS.

#css

Pro Angular 9

Автор: Adam Freeman
Год издания: 2020

#angular #english

Learning React

Авторы: Alex Banks, Eve Porcello
Год издания: 2020

#react #english

Magical Text Effect

Анимированное выделение текста, выполненное с помощью SVG, CSS и JavaScript

#css #js

Glitchy Loading Indicator

Оригинальный загрузчик, созданный при помощи библиотеки Lettering.js.

#js

JavaScript. Напишите функцию twoSum. Она должна принимать отсортированный массив чисел arr и число k. Вернуть нужно массив из двух любых элементов, которые в сумме дают k. Если таких элементов нет, то нужно вернуть пустой массив.

Ответ

Angular for Material Design

Автор: Venkata Keerti Kotaru
Год издания: 2020

#angular #english

JavaScript. Напишите функцию SingleCharacterPalindrome, которая принимает строку str и возвращает "OK", если строка является палиндромом, "remove one" - если можно убрать одну букву и строка станет палиндромом, и "not possible" - если ни одно из условий не сработало.

Ответ

Download interaction

Анимация статуса загрузки, реализованная с помощью CSS и JavaScript.

#css #js

Google button click effect

Кнопка с анимацией при клике, выполненная с помощью SCSS и JavaScript.

#css #js

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

Ответ

JavaScript Cookbook

Авторы: Adam D. Scott, Matthew MacDonald,
Shelley Powers
Год издания: 2021

#javascript #english

Book reviews

Верстка реализована при помощи CSS Grid. Анимации созданы библиотекой gsap.

#css