Сайт-визитка на React JS - написание блока услуг #React #JavaScript #ReactJS #JS #web #frontend

В этом видео мы написали информационный блок про услуги (3 блок) для нашего сайта-визитки на React JS. Он простой и состоит лишь из заголовка, текста и перечня услуг. Но есть два нюанса, которые мы разобрали. Первый заключается в том что в глобальном классе body мы задали margin отступы по бокам страницы и при смене цвета фона блока по бокам остаются белые полоски. Чтобы их проигнорировать мы задали отрицательные margin отступы для главного контейнера блока в viewport величине и добавили внутренние padding отступы, чтобы все-таки вернуть отступы для контента блока. Второй момент: мы рассмотрели как создать плашки с тегами, ширина которых регулируется шириной самого текста. Для этого мы использовали внутренние padding отступы для плашек.


Плейлист [все части] - https://youtube.com/playlist?list=PLvuXBcj6mBHBs-jDA6IEGiN_4E4IqbD2k&si=tyAt2c8wsowX5OaT ????
Подписывайся на мой телеграм канал - t.me/codorum ????
Там ты узнаешь больше интересной информации по React и JavaScript на практике ????

✔️ Телеграм канал подойдёт для тех кто:
ㅤ⠀1. Хочет научиться программировать на языке JS условно с 0
ㅤ⠀2. Желает расширить свой кругозор в знаниях программирования на JavaScript и работы с React и разными инструментами фронтенд разработки

⚡ На канале можно найти:
➖ детальные рассмотрения построений кодов и скриптов (от самых простых до самых сложных)
➖ обмен мнением о концепциях разных кодов и скриптов, библиотек и инструментов между участниками канала
➖ посты про обновления касающиеся программирования на JavaScript


Также подписывайся на мой ютуб канал! ????

???? Ютуб канал создан с целью создания видео роликов по:
➖ функциям JavaScript
➖ полноценным проектам на языке JavaScript + React и React Native
➖ рассмотрению возможных лайфхаков, упрощений и оптимизаций кода

???? На канале мы рассматриваем как frontend часть javascript так и backend часть javascript.


???? Для того чтобы написать landing page нам нужны:
➖ язык программирования JavaScript ????, а именно программная платформа NodeJS ????
➖ библиотека React ⚛
➖ пакетный менеджер npm ????
➖ HTML ????
➖ CSS ????

Код пишу в редакторе кода Visual Studio Code.


Кратко обо мне ????‍????

Я fullstack javascript разработчик. То есть пишу код как по фронтент части, так и по бэкэнд части. Мой любимый язык программирования JavaScript. Использую кодовый редактор Visual Studio Code (VS code) ✦

Планирую рассматривать не только конкретные функции на JavaScript, но и конкретные вопросы, такие как:
- как создать сайт на JavaScript
- как разработать приложение на JavaScript
- как подключить базу данных MySQL к сайту
- как подключить базу данных MySQL к приложению на React Native

А также обзоры такие как:
- обзор фреймворка React
- обзор фреймворка React Native
- oбзор кодового редактора Visual Studio Code
- расширения для Visual Studio Code
- npm для Node JS


Мой тикток - tiktok.com/@codorum
Мой инстаграм - instagram.com/codorum

Там можно найти также туториалы и краткие видео как писать код на языке программирования JavaScript. Как писать функции на JavaScript или же лайфхаки для JavaScript ????

#react #reactjs #reactnative #javascript #js #frontend #visualstudio #visualstudiocode #VScode #NodeJS #npm #web #webdev #css #html #htmlcss #backend #fullstack #программирование #программист