ReactJS/React Native, JS, HTML, Frontend - Uncolored collection
166 subscribers
242 photos
4 videos
6 files
535 links
Пополняющаяся коллекция материалов по ReactJS и смежных технологий.

Laravel: https://t.me/laravel_uncolored
Vue: https://t.me/vuejs_uncolored
Svelte: https://t.me/svelte_uncolored

Для связи @RainySkys
Download Telegram
Четырёхдневный интенсив по работе с аудио в JS 27-30 июля. Полагаю, это будет интересно)
Forwarded from FrontEndDev
​​Напиши свой медиаплеер на JavaScript!

Залетай на бесплатный интенсив и сделай свой аналог iTunes на чистом JS.

Будет 4 дня кодинга, тебе точно понравится 😉

Программа интенсива: 👇🏻

1 День
— Подготовим проект и разобьем его модули
— Реализуем переключатель между плеерами

2 День
— Сделаем видеоплеер с возможностью проигрывать, перематывать, ставить видео на паузу

3 День
— При помощи API Audio реализуем потоковое вещание радио и смену радиостанций

4 День
— Напишем аудиоплеер, с возможностью переключения треков, перемотки, паузы и остановки, все с помощью JavaScript и методов API Audio
— Допилим весь функционал и зафиналим проект

Записывайся пока есть свободные места :)

Жми на ссылку и получай приглашение:
https://telegram.me/gloacademy_bot?start=5f1affba1ad0b2000c319157
CSS @font-face

@font-face - это правило, которое позволяет указать шрифты для отображения текста на веб-страницах.

Как использовать @font-face
1. Необходимо определить имя шрифта, и место где его можно найти.
@font-face {
font-family: DeliciousRoman;
src: url('http://www.font-face.com/fonts/delicious/Delicious-Roman.otf');
}
2. Затем уже его можно использовать.
p {
font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}

Также, можно подключать шрифты локально:
@font-face {
font-family: DeliciousRoman;
src: url('.../Delicious-Roman.otf');
}

Несколько дополнительных свойств @font-face:
font-display - Определяет как отображается шрифт, основываясь на том, был ли он загружен и готов ли к использованию.
font-stretch - с помощью него можно определить ширину начертания букв.
font-style - позволяет определить наклонный шрифт или курсив.
font-weight - определяет насколько “толстым” должно быть начертание букв.
⌨️ Инструкция: как создать форму в React

Показываем на примерах JS-кода, как создать форму с помощью контролируемых или неконтролируемых компонентов React и обработать состояние с помощью React хуков.

Ссылка: https://prglb.ru/1gy5l

#react #frameworks
Пять алиасов Git, без которых мне не прожить

Простые, но полезные -упаковываем последовательность элементарных команд в короткий псевдоним, и работать с Git станет удобнее.

https://nuancesprog.ru/p/8922

@nuancesprog #статьи #Git
​​Путь к пониманию шаблонных литералов в JavaScript

👉Подробнее👈

#js
Не знаю, насколько ещё актуальна книга 2018-го года, но, думаю, основы там почерпнуть вполне реально)
React Cookbook: Create dynamic web apps with React using Redux, Webpack, Node.js, and GraphQL

Автор: Carlos Santana Roldan
Год издания: 2018

Скачать книгу

#react #node #redux #english
Курс по фулстек-разработке Slim PHP + React

Зацените, какую мощную (судя по названиям видео) ссылку подогнал мне Кирилл.

Затронутые темы: Slim PHP, React, Docker, Ansible, Docker Swarm, Xdebug, PHPLint, CodeSniffer, Psalm, PHPUnit, DDD, Sentry, CI/CD, Jenkins, GitHub, GitLabs, BitBucket и в планах: OAuth2+JWT и несколько архитектурных тем - ух!

Часть тем - бесплатная. Доступ на месяц - 500р.
По-моему, надо брать!

https://deworker.pro/edu/series/interactive-site
Vue.Js: Understanding Its Tools And Ecosystem

Автор: Dave Berning
Год издания: 2018

Скачать книгу

#vue #english
​​React Projects (2019)
Автор: Roy Derks
Количество страниц: 474

React - это популярная библиотека для создания впечатляющих пользовательских интерфейсов, разработанная Facebook. React расширяет свои возможности для мобильных платформ, используя фреймворк React Native, и интегрируется с популярными веб- и мобильными инструментами для создания масштабируемых приложений. Данная книга является руководством, позволяющим быстро начать использовать React на практике, и интегрировать его с GraphQL, Expo и React 360.

Во время чтения книги вы:
✔️Создадите несколько проектов;
✔️Изучите React Hooks;
✔️Научитесь грамотно использовать компоненты;
✔️Изучите возможности фуллстак разработки с использованием React, Apollo и GraphQL;
✔️Поработаете с жестами и анимациями для кроссплатформенной игры с использованием React Native.

Достоинства:
Множество примеров кода;
Широкий спектр тем.

Недостатки:
Не замечено.

Скачать книгу

#english #book #intermediate
React Native for Mobile Development, Second Edition

Автор: Akshat Paul, Abhishek Nalwaya
Год издания: 2019

Скачать книгу pdf
Скачать книгу epub

#react #english