Публикации по теме 'front-end-development'
Изучайте React так, как я его изучаю — День 1
Изучайте React так, как я его изучаю — День 1
О нет, это не новогодняя резолюция.
Просто я волнуюсь, как и любой другой пользователь интерфейса, когда вижу веб-сайт или, как они называют это, веб-«приложение», загружая страницы, как будто вы перелистываете страницы книги. Легкость всегда побеждает.
Мне трудно написать достойное вступление, поэтому давайте пропустим его и начнем с нуля изучать разработку на React , обладая достаточными знаниями в области Javascript, HTML и CSS ...
Что вам нужно знать, чтобы разработать свой первый веб-скрейпер с помощью JavaScript
Краткое руководство по началу работы с веб-скрейпингом
В Интернете мы можем найти огромное количество очень полезных данных, которые мы можем использовать, но они не организованы. Если мы хотим воспользоваться этим, нам нужно будет приложить большие усилия и потратить много часов на его извлечение и сортировку.
Как создать красочную тему, если вы не дизайнер?
Советы разработчика
Если вы разработчик, то наверняка не знаете, как правильно подобрать цвета, которые подходят друг другу.
Все, что нам нужно, это выбрать основной цвет. Я буду выбирать случайные цвета с помощью этого веб-сайта . Рандомайзер дает нам два цвета #474CB4 и #30B3F2. Теперь у нас есть основные цвета, можно использовать сайт mycolor . Этот сайт генерирует большое количество цветов, которые подходят друг другу. Мы можем выбрать любой цвет, который нам нравится...
Создайте эффект привязки Мстителей с помощью Canvas и React
Давайте заставим еще одного персонажа Marvel исчезнуть!
Недавно я запоем посмотрел фильмы о Мстителях на Disney+ (снова!), и когда я увидел, как Танос щелкнул пальцами и превратил почти всех в пыль, я вспомнил старую анимацию, которую я сделал много лет назад с помощью Adobe Flash. Это был эффект растворения образа, который имеет сверхъестественное сходство с фильмом.
Эта статья научит нас, как создавать частицы из пикселей изображения и анимировать их по отдельности.
Итак, вот..
Гоночная игра, созданная с помощью Paper.js
Несколько месяцев назад меня попросили разработать игру с преимущественно векторной графикой и простой 2D-физикой движений и анимаций. Paper.js я знал только в лицо , поэтому решил протестировать его перед использованием. для бизнес-проекта; для этого я создал эту крошечную 2D гоночную игру.
Посмотреть демо Исходник на Github
Я хотел частично воссоздать физику и геймплей Гонщика ; Я вспомнил этот великолепный эксперимент Chrome, разработанный Active Theory , и вспомнил,..
Напишите более аккуратный код, используя React Context API - Введение
То, как мы работаем с данными, имеет решающее значение, и команда разработчиков React придумала несколько способов работы с данными. От обновления состояния компонентов до назначения свойств нашим компонентам - у нас есть 2 надежных способа справиться с этим.
Но что, если мы не хотим чрезмерно сложного управления нашими данными, а просто хотим передавать значения там, где они необходимы, вместо бурения опор? Войдите в контекстный API!
Контекст предоставляет способ передавать данные..
Асинхронное программирование в JavaScript с использованием Async и Await
JavaScript — это язык сценариев, в основном основанный на концепции однопоточного выполнения.
Что такое однопотоковое выполнение?
Если выполняется длительная операция, браузер или приложение не может ответить пользователю до тех пор, пока операция не будет завершена, что приведет к зависанию или невосприимчивости внешнего вида, что нежелательно с точки зрения взаимодействия с пользователем.
Например, давайте рассмотрим сценарий, в котором вы хотите добавить товар в корзину на..
