Тёмный

Build a Space Website w. React.JS & the NASA API 

Smoljames
Подписаться 31 тыс.
Просмотров 3,9 тыс.
50% 1

Learn to Code Roadmap 🔥 smoljames.com/roadmap
Learn everything you need to know to start programming with React.JS. In this tutorial, we learn React.JS by building a super cool Space Gallery website that displays NASA's picture of the day
#reactjs #coding #programming
🔗 Resources
VSCode - code.visualstudio.com/
NodeJS - nodejs.org/en/download
Vite - vitejs.dev/guide/
GitHub Repo - github.com/jamezmca/nasa-reac...
FontAwesome CDN - cdnjs.com/libraries/font-awesome
FontAwesome Icons - www.fontawesome.com
NASA - api.nasa.gov/
Netlify - www.netlify.com
HTML CSS Tutorial - • HTML & CSS Full Course...
JavaScript Tutorial - • Learn JavaScript in 60...
React.JS Tutorial - • Learn React.JS in 40 m...
⭐️ All my links!
www.smoljames.com
🔥 Learn to Code
www.smoljames.com/roadmap
💛 Support the channel (100% goes to channel growth)
www.store.smoljames.com
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
📚 Chapters
00:00 Intro
02:18 Init React.JS
02:08 Project demo
56:33 Deploy Project
🔖 Topics Covered
- Learn React.JS
- Fetch APIs in React.JS
- Build a React.JS Web APP w. the NASA API

Опубликовано:

 

19 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 13   
@Sillyhands1
@Sillyhands1 2 месяца назад
You’re very underrated man. Everybody talks big pictures but never sit down and show actual projects. This is how you learn.
@Smoljames
@Smoljames 2 месяца назад
Cheers for the comment my broski :P
@nethmitharushi1504
@nethmitharushi1504 Месяц назад
your explanations are very clear. These explanations helped me to do my university project. Thank you and keep it up.
@faisalshafique5447
@faisalshafique5447 2 месяца назад
Hey James you are doing great work 👏. Could you please make Text Summarization Web using Next js and Hugging face Model
@Smoljames
@Smoljames 2 месяца назад
I sure can try!
@shade9546
@shade9546 2 месяца назад
Hey James, just wondering what the point of putting the api key in .env is if it still can be accessed from github repo or inspect element?
@Smoljames
@Smoljames 2 месяца назад
Ideally it shouldn't be accessible in the GitHub repo hence why we put the .env file in the .gitignore :P But you're correct people can inspect it so the main reason is just good practice as it's tidy code when all your keys are nicely labelled inside of a .env as opposed to all throughout your code!
@shade9546
@shade9546 2 месяца назад
@@Smoljames Got it, thank you.
@jpmisterioman
@jpmisterioman 2 месяца назад
Can do you a video showing a backend begginer's guide
@Smoljames
@Smoljames 2 месяца назад
Just uploaded to the channel :P
@CyranicalGoated
@CyranicalGoated 2 месяца назад
So what's the value that you pasted in netflify around 59:24?
@jxke_s
@jxke_s 2 месяца назад
your API key that you had in your environmental variables. The host needs to know that information to be able to hit the API through where they're hosting your web app.
@CyranicalGoated
@CyranicalGoated 2 месяца назад
@@jxke_s okay thanks mate
Далее
I Spent 1000 Days Learning to Code
38:15
Просмотров 1,9 тыс.
The right decision came to mind #comedy
00:12
Просмотров 510 тыс.
40 APIs Every Developer Should Use (in 12 minutes)
12:23
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 186 тыс.
A Simple Kafka and Python Walkthrough
11:34
Просмотров 11 тыс.
I Made a Neural Network with just Redstone!
17:23
Просмотров 593 тыс.
Life Is About To Change... BIG Time.
18:49
Просмотров 21 тыс.
React Proxy | Easiest Fix to CORS Errors
15:52
Просмотров 78 тыс.
The right decision came to mind #comedy
00:12
Просмотров 510 тыс.