VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Plan, Code, and Deploy a Startup in 2 Hours [Full Stack JavaScript Tutorial]

Plan, Code, and Deploy a Startup in 2 Hours [Full Stack JavaScript Tutorial]

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Learn how to plan, code, and deploy a full stack JavaScript app in only two hours. This video covers: -- React front end w/ Hooks -- Simple Node-Express API -- Cron worker to fetch data -- Simple filtering algorithm -- Redis + node-redis -- Deployment (NGINX on DigitalOcean droplet) - Code: https://github.com/aj-4/100m-startup - Deployed and constantly updated at https://entrylevelsoftwarejobs.com - Tutorial created by Code Drip. Check out their YouTube channel: https://www.youtube.com/channel/UCRLEADhMcb8WUdnQ5_Alk7g Useful links: - Create React App: https://github.com/facebook/create-react-app - Material UI Docs: https://material-ui.com/getting-started/usage/ - Google Domains: https://domains.google.com/ - DigitalOcean: https://www.digitalocean.com/ - Certbot (SSL): https://certbot.eff.org/lets-encrypt/ubuntubionic-nginx - NGINX config article: https://hackernoon.com/start-to-finish-deploying-a-react-app-on-digitalocean-bcfae9e6d01b - Install Node on Ubuntu Article: https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-18-04
Date: 2022-03-14

Comments and reviews: 9


56:18 I do not understand what happened there. Client app wanted to make a request to a different url than the one it was deployed on. From what I know this is behavior that is forbidden by modern browsers (url must be same for the browser to allow the request), therefore the request was blocked. The solution applied by the author was setting a certain header on the response. I don't get this. How does this circumvent the behavior of the browser?
reply

9:53 does he have some extra css that he isn't showing during this portion? when I apply the css in the video it does not put space between the position and company name. my app doesn't add a border either. am I missing something?
reply

This is great, thank you. Where would you suggest starting if I wanted to scrape jobs from a site that doesn't offer an API? ie similar ot how google indexes jobs from sites without an API based on their HTML ?
reply

This content is invaluable to beginners, so grateful it's freely distributed instead of being stuck behind a paywall. Will contribute to you guys once I get a decent pay, that's a promise.
reply

Hey, How do you sort the job list by International and All? And also How do you implement the related technology's icons?...Is there anything you're getting from the API?
reply

8:50 Tried this today. When starting to add the css - my styling did not match yours. I have display: flex but it did not style it like yours did ... Can you help ?
reply

Hey nice tutorial...use JSONView chrome extension to view the api responses as a perfect json object...that makes easy to findout key value pairs
reply

In the deployment part cant we deploy this to netlify or heroku I was actuallly getting stuck with digital ocean and its feeling hectic
reply

Thanks much for the course..one comment, IDE window and console area are not comfortably visible because of window split.
reply
Add a review, comment






Other channel videos