Сайт-визитка на React JS - обзор финального результата
В этом видео мы рассмотрели финальную версию сайта-визитки на React JS: веб версию страницы сайта и мобильную версию страницы сайта портфолио. Страница состоит из 7-ми блоков, это: header блок (шапка/1 блок), приветственный блок (2 блок), блок с информацией про услуги (3 блок), блок с портфолио (4 блок), блок с отзывами (5 блок), информационный блок с гарантиями (6 блок) и футер блок (подвал/7 блок). Есть навигация и меню в header блоке, модальное окно, открывающееся по нажатию на кнопку связаться. Функция смены темы, карусель в блоке портфолио в основной категории. Работы изображения из портфолио открываются в виде модального окна. В блоке отзывов есть бесконечная карусель отзывов, которые можно листать в обе стороны.
🔧 В целом, чтобы написать landing page понадобятся:
➖ программная платформа NodeJS 🟩 (https://nodejs.org)
➖ библиотека React ⚛
➖ пакетный менеджер npm 📟
➖ HTML 🟧
➖ CSS 🟦
Код пишу в редакторе кода Visual Studio Code (https://code.visualstudio.com).
Плейлист [все части] - • 🪪 Сайт-визитка на React JS - пишем сайт-по... 🪪
Подписывайся на мой телеграм канал - https://t.me/codorum 💎
Там ты узнаешь больше интересных функций на языке программирования JavaScript на практике 🟨
✔️ Телеграм канал подойдёт для тех кто:
ㅤ⠀1. Хочет научиться программировать на языке JS условно с 0
ㅤ⠀2. Желает расширить свой кругозор в знаниях программирования JavaScript
⚡ На канале можно найти:
➖ детальные рассмотрения построений кодов и скриптов (от самых простых до самых сложных)
➖ обмен мнением о концепциях разных кодов и скриптов, библиотек и инструментов между участниками канала
➖ посты про обновления касающиеся программирования на JavaScript
Также подписывайся на мой ютуб канал! 🔴
🟣 Ютуб канал создан с целью создания видео роликов по:
➖ функциям JavaScript
➖ полноценным проектам на языке JavaScript + React и React Native
➖ рассмотрению возможных лайфхаков, упрощений и оптимизаций кода
🟡 На канале мы рассматриваем как frontend часть javascript так и backend часть javascript.
Кратко обо мне 👁🗨
Я 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
Мой тикток - / codorum
Мой инстаграм - / codorum
Там можно найти также туториалы и краткие видео как писать код на языке программирования JavaScript. Как писать функции на JavaScript или же лайфхаки для JavaScript 💻
#react #reactjs #javascript #js #frontend #backend #fullstack #reactnative #программирование #программист #visualstudio #visualstudiocode #VScode #VS #MySQL #NodeJS #npm