Building Modern Websites with ChatGPT - Techniques in React, JavaScript, and CSS
Unlock the power of ChatGPT in modern web development, mastering techniques in React, JavaScript, and CSS to build engaging and dynamic websites.
Delve into web development with this comprehensive 5-HOUR bundle that combines the power of ChatGPT with the flexibility of React, JavaScript, and CSS. Students will learn to build responsive and stylish websites that are enhanced with AI-driven content and interactions. The course covers fundamental and advanced web development techniques, including component-based architecture with React, client-side JavaScript functionalities, and modern CSS styling.
Hands-on projects allow students to apply their skills as they build a fully functional website from scratch, culminating in a practice exam that assesses their technical prowess and creative implementation of the tools learned throughout the bundle. Updated to GPT-5 within 4 months of release. All source code included.
Your Instructor
This bundle is a collaborative effort between multiple Mammoth Instructors.
Mammoth Interactive is a leading online course provider in everything from learning to code to becoming a YouTube star. Mammoth Interactive courses have been featured on Harvard’s edX, Business Insider and more.
Over 14 years, Mammoth Interactive has built a global student community with 6+ million courses sold. Mammoth Interactive has released over 1,000 courses and 5,000 hours of video content.
Founder and CEO John Bura has been programming since 1997 and teaching
since 2002. John has created top-selling applications for iOS, Xbox and
more. John also runs SaaS company Devonian Apps, building
efficiency-minded software for technology workers like you.
Course Curriculum
-
Start01. Course Requirements (2:56)
-
Start02. What Is JSbin (3:15)
-
Start03. Setting Up The HTML Document (2:41)
-
Start04. Header Tags And Paragraphs Tags (4:06)
-
Start05. Styles (3:32)
-
Start06. Bold Underline And Italic Tags (3:10)
-
Start07. Adding In A Link (1:38)
-
Start08. Adding In A Image (3:01)
-
Start09. Adding A Link To An Image (1:55)
-
Start10. Lists (4:03)
-
Start11. Tables (3:29)
-
Start12. Different Kinds Of Input (4:59)
-
Start13. Adding In A Submit Button (3:01)
-
Start14. Scripts And Style Tags (3:27)
-
StartResources
-
Start01. Course Requirements (3:41)
-
Start02. HTML Styles Crash Course (4:45)
-
Start03. Adding Code To The CSS (4:46)
-
Start04. Adding In IDs To The CSS (5:16)
-
Start05. Classes In CSS (2:39)
-
Start06. Font Families (5:04)
-
Start07. Colors In CSS (5:44)
-
Start08. Padding In CSS (3:06)
-
Start09. Text Align And Transforms (3:14)
-
Start10. Margins And Width (5:33)
-
Start11. Changing The Body (4:11)
-
Start12. Latin Text Generator (1:57)
-
Start13. Adding In A Horizontal Menu With HTML And CSS (7:53)
-
Start14. Adding A Background Image (4:04)
-
Start15. Playing Around With Margins In CSS (2:20)
-
StartResources
-
Start01. Variables (5:36)
-
Start02. Javascript (10:24)
-
Start03. Numbers (4:52)
-
Start04. Booleans (5:22)
-
Start05. If Statements (4:27)
-
Start06. Arrays (8:31)
-
Start07. For Loops (9:16)
-
Start08. While Loops (4:34)
-
Start09. Objects (8:02)
-
Start10. Functions (6:09)
-
Start11. Foreach (3:54)
-
Start12. Map Functions (5:22)
-
Start13. Using Objects As Dictionary (2:45)
-
Start14. Switch Statements (6:38)
-
Start15. Destructuring (5:30)
-
Start16. Spread Operator (6:56)
-
Start17. String Templates (6:37)
-
Start18. Error Handling (5:45)
-
Start19. Let And Const Keywords (3:39)
-
Start20. Do-While (1:45)
-
Start21. Sets (5:42)
-
Start22. Maps (4:39)
-
Start23. Stacks (6:06)
-
Start24. Queues (11:49)
-
Start25. For Loop (5:11)
-
Start26. Recursive Functions (7:13)
-
Start27. Loop Labeling (5:18)
-
Start28. 2D Arrays (21:59)
-
Start29. Settimeout (7:02)
-
Start30. Sentimental (11:21)
-
Start31. Functions With Optional Parameters (15:10)
-
Start32. Basic Regular Expression (5:53)
-
Start33. Handle Keypress Events (22:45)
-
Start34. Priority Queue (15:54)
-
Start35. Add-delete Object Property (2:45)
-
Start36. Example With Sets Part 1 (28:49)
-
Start36. Example With Sets Part 2 (43:20)
-
Start37. Concat (3:12)
-
Start38. Flat And Flatmap (2:06)