Cisco
Building a REAL Website with AI For Beginners [ep 5]
Building a REAL Website with AI For Beginners [ep 5] (works with Cursor AI, Replit, ChatGPT)
#Building #REAL #Website #Beginners
“Corbin Brown”
In Lesson 5, we dive into creating the top fold of your website using AI tools. Learn how to craft effective prompts in ChatGPT to generate high-quality code, and discover best practices that enhance your results. These prompting techniques aren’t just limited to ChatGPT—they can be applied to…
source
To see the full content, share this page by clicking one of the buttons below |
All lessons can be found in this playlist—in order:
https://www.youtube.com/playlist?list=PLJrzt4ameiaPTLN4LXiv1Y7ONKuaj7Q9O
what do you think, better Cursor or Replit?
This content is terrible. Please slow down. I stopped watching after 5 minutes. You're all over the place, it's impossible to connect things. There is no structure at all. You have a great niche, but wasting the potential with a non sense delivery.
Hey Everyone 🤠
Find the parts that interest you:
0:00 – Introduction to building a free website
1:12 – Creating a better top fold for landing page
3:49 – Making the website mobile responsive
6:01 – Understanding top fold concept
9:00 – Creating a new branch in Git
11:29 – Creating a new branch for today's video
14:12 – Using AI to assist with coding
16:01 – Mobile optimization and responsiveness
18:01 – Using images to clarify issues
20:14 – Understanding child-parent relationships in code
22:00 – Using Font Awesome for icons
25:01 – Adding hover effects to buttons
29:40 – Creating a video popup component
32:10 – Solving file not found issues
34:09 – Pushing changes to GitHub
36:10 – Updating local branch with main
Recap by Bumpups ✏️
Don't worry, I took notes! Here's the good stuff:
1. Prepare your project by setting up a dedicated project folder in VS Code and creating a new branch specifically for the top fold redesign.
2. Utilize ChatGPT as your coding assistant by providing clear instructions, context, and visual cues to guide the AI in generating code snippets.
3. Craft a compelling hero section with a concise and benefit-driven headline, a descriptive subtitle, and visually appealing images or videos.
4. Design a user-friendly navigation menu, keeping it simple for one-page websites and using descriptive link text for clarity.
5. Include a clear and prominent call to action that guides visitors towards your primary conversion goal, enhancing it with visual hierarchy and hover effects.
6. Explore additional resources like Font Awesome for icons, VS Code as a code editor, and GitHub for version control.
You're a gem for this content man. And you're the best personality by far on this subject. Your edits make me laugh lol.. keep it up homie.
YEEEAAAHH! was waiting on this.
AI is improving faster than we can comprehend.
That o1 – preview is mind boggling.
Great content, thank you!
Short and sweet, clear and to the point, plus.. the hats.
Where to find lesson 1 to 4 please link them I can't find any with lesson labels, is there a playlist?
Literally finished lesson 4 this morning. Thank you – this content is invaluable!
Yaaas, I watched lesson 4 last night. I am excited to continue on this journey 🙂