Сайт-визитка на React JS - анонс макета и подготовка среды

В этом видео мы коротко рассмотрели макет, по которому будем создавать сайт-визитку, а также разобрали инструменты, которые понадобятся для его создания. Нужно установить NodeJS, благодаря которому мы можем создать сам Реакт проект и устанавливать различные библиотеки. Вместе с Node JS устанавливается пакетный менеджер npm. Еще потребуется утилита create-react-app, для установки которой нужно ввести команду "npm i create-react-app -g" в терминале или консоли. Для установки утилиты необходимо заранее установить пакетный менеджер npm. Проверить наличие NodeJS, пакетного менеджера npm и утилиты create-react-app можно командами: "node -v", "npm -v" и "create-react-app -v".


🔧 В целом, чтобы написать landing page понадобятся:
➖ программная платформа NodeJS 🟩 (https://nodejs.org)
➖ библиотека React ⚛
➖ пакетный менеджер npm 📟
➖ HTML 🟧
➖ CSS 🟦

Код пишу в редакторе кода Visual Studio Code (https://code.visualstudio.com).

🕒 Тайм-коды:
[00:00] — вступление
[01:55] — разбор макета сайта-визитки
[04:07] — разбор инструментов для написания сайта-портфолио


Плейлист [все части] -    • 🪪 Сайт-визитка на 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