SvelteKit & TailwindCSS Tutorial – Build & Deploy a Web Portfolio
Learn how to use SvelteKit & TailwindCSS by building a responsive web portfolio.
Course created by @Smoljames
⭐️ Resources ⭐️
🔗 Github repository - https://github.com/jamezmca/hughjass
🔗 Init SvelteKit w. TailwindCSS - https://tailwindcss.com/docs/guides/sveltekit
🔗 Google fonts - https://fonts.google.com/
🔗 Font Awesome CDN - https://cdnjs.com/libraries/font-awesome
🔗 Font Awesome Icons - https://fontawesome.com/icons
⭐️ Contents ⭐️
00:00 Intro
01:22 Project Demo
02:39 Code portfolio
09:39 Implement particle effect
12:05 Create styles
13:37 Create components and layout
34:53 Create projects section
50:33 Implement About section
1:07:35 Develop Footer component
1:12:20 Conclusion
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Other Videos By freeCodeCamp.org
| 2023-10-19 | Front End Developer Roadmap 2024 |
| 2023-10-18 | AI SaaS Chat Bot using MERN Stack – Tutorial |
| 2023-10-16 | Godot Tutorial for Unity Developers (and other beginners) |
| 2023-10-13 | PostgreSQL Tutorial for Beginners |
| 2023-10-12 | Bun Tutorial – JavaScript Runtime (Node.js Alternative) [Full Course] |
| 2023-10-11 | Build and Deploy Notion Clone – Full Stack Tutorial (NextJS 13, DALL•E, DrizzleORM, OpenAI, Vercel) |
| 2023-10-10 | Prompt Engineering for Web Devs - ChatGPT and Bard Tutorial |
| 2023-10-06 | The Ethics of AI & Machine Learning [Full Course] |
| 2023-10-05 | Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI) |
| 2023-10-04 | VS Code Tutorial – Become More Productive |
| 2023-10-03 | SvelteKit & TailwindCSS Tutorial – Build & Deploy a Web Portfolio |
| 2023-10-02 | API Security for PCI Compliance (Data Security Standard) |
| 2023-09-29 | Astro Web Framework Crash Course |
| 2023-09-28 | LangChain Crash Course for Beginners |
| 2023-09-27 | Java Basics – Crash Course |
| 2023-09-26 | Nuxt 3 — Course for Beginners |
| 2023-09-25 | Dynamic Programming – 0/1 Knapsack Problem Tutorial |
| 2023-09-22 | Rust Project Tutorial – Authentication Server Using Warp + JWT |
| 2023-09-21 | Mojo Programming Language – Full Course for Beginners |
| 2023-09-19 | Build SEO Optimized Blog with Next.js, Tailwind CSS & Contentlayer – Full Tutorial |
| 2023-09-19 | Python Tutorial for Beginners (with mini-projects) |
766