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
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
Начинающим фронтэндерам в помощь ;)
Forwarded from Frontender's notes [ru]
Марафон по HTML/CSS верстке сайтов!
4-6 августа 18:00

За три дня сверстаем сайт
для новичков+

На марафоне в прямом эфире:
— Напишем сайт на HTML и CSS
— Сделаем его адаптивным
— Познакомимся с JavaScript-библиотекой jQuery
— Отвечу на все вопросы
— Познакомимся с программой Figma для верстальщика

Для участия в марафоне подписывайтесь на телеграм канал: https://t.me/from0to1ru