If you want to skip ⏭️ to some of my research click here : https://dev.to/gracerosen/research-1chj
But if you want to look at basic projects and maybe some enterprise level project outlines read on and explore the links
Maybe you don’t want to use sites like Wix, in that case You should be familiar with html and CSS!
If you want to look at there more
Look here:
HTML:https://shorturl.at/vJwUf)
CSS: https://shorturl.at/T3NLm
JavaScript:https://dev.to/gracerosen/javascript-j09
SQLite:https://tinyurl.com/SQLiteee
Using VSC: https://shorturl.at/gVTkP
Using Github:https://shorturl.at/SJazF
Etc
So we all have access to GPT, But we also know that sometimes handcoding helps!
I’ll explain why in another post
This guide is to look at the end to end journey or roadmaps
I am also comparing a few popular languages
JavaScript:https://tinyurl.com/JAVASCRIPT195679
Java:https://tinyurl.com/JAVAJAVAA
and Python:https://tinyurl.com/PYTHONNOHTYP
The goal is to get from a place of not being sure to white-boarding solutions in interviews in as little time as possible!
Interview prep:https://tinyurl.com/INTinterviews
But to be honest the only way to understand the landscape is to research, read blogs or literature and PDFs, or watch YouTube’s and this can all take hours, months and days!
Blogs I read & YouTube’s I’ve watched: https://tinyurl.com/BlogsIreadYTsWatched
Rather than waffle for 2-4 hours showing you how I’ve summarised one way you can grasp in seconds!
Why have I done this?! Because life is a gift 🎁 wasting it stuck in problems isn’t fair.
Here’s a quick recap of a useful workflow:
- Front-End:
• Ask GPT for a boilerplate (HTML, CSS, JS).
https://shorturl.at/CHl9H
• Input this into CodePen.
https://codepen.io
My codepen examples:
• Fork it or send it to GitHub to create a front-end repo. https://github.com
My repo:
- Back-End:
• Ask GPT for a boilerplate for a Node.js/Express server. https://expressjs.com/en/starter/hello-world.html
Node.js/Express:
• Use SQLite for the database (keeps things simple for a first project).
https://www.sqlite.org/
• Import this code into a separate GitHub repo for the back-end.
Backend repos:
• Set up API endpoints for the front-end to call (using AJAX or Fetch in JavaScript).
APIs:
- Connect the Front-End and Back-End:
To connect front and back ends, use APIs to handle requests, send data, and communicate between client and server applications.
• Front-end (in GitHub Pages) calls the API endpoints you create in the back-end (Node.js and Express).
https://youtu.be/ZTQcJWixB1k?feature=shared
• Use AJAX or Fetch to communicate with the back-end.
To connect front and back ends, use APIs to handle requests, send data, and communicate between client and server applications.
- Deploy:
• You can use GitHub Pages for the front-end.
https://pages.github.com
• For the back-end, host for free on Heroku or Vercel for Node.js apps, or explore GitHub Actions for automated deployment.
https://www.heroku.com
Vercel: https://dev.to/gracerosen/vercel-275j
Github Actions :https://dev.to/gracerosen/github-actions-2gn6
This setup will let you host and share a full stack app quickly.
You won’t necessarily unlock all the knowledge around the implementation but it’s a quick start!
Let me know if you need help with any specific step!
in another link I can outline ML projects like this :
But that will take package knowledge, specific languages and tools… 🧰 There’s time for that another day!
But if you’re curious, here’s the link(I’m due to update it): https://shorturl.at/RhYCG