Vibe Coding with Windsurf: Web Design with No Code for Beginners | Code with AI
Chris Barin, Certified Photoshop Expert
Ve esta clase y miles más
Ve esta clase y miles más
Lecciones en esta clase
-
-
1.
Introduction
2:21
-
2.
What’s Windsurf and vibe coding
4:03
-
3.
Install Windsurf and setting your expectations
6:05
-
4.
Our first website in Windsurf
9:49
-
5.
What can you build with vibe coding in Windsurf
8:53
-
6.
Getting around in Windsurf
4:15
-
7.
Getting around in Windsurf
8:10
-
8.
Set up MCPs & rules in Windsurf – the easy way
6:53
-
9.
How to fix issues
5:11
-
10.
Claude vs GPT
11:50
-
11.
GPT vs Gemini vs Grok
10:09
-
12.
Costs explained in a simple way
6:32
-
13.
The Hidden Dangers of Vibe Coding & Full AI Access
4:33
-
14.
80%-20%
5:34
-
15.
From Figma to Windsurf?
3:19
-
16.
Overview
3:04
-
17.
From idea to Windsurf to Vercel to live website
3:31
-
18.
Let’s understand the prompt
6:35
-
19.
Start the project
7:59
-
20.
How to deal with bugs
6:53
-
21.
Make the form work correctly
7:58
-
22.
Upload your website to GitHub
7:47
-
23.
Publish your website with Vercel & fix bugs
8:17
-
24.
Publish the website on your own domain name
6:57
-
25.
Making changes to our live website
6:15
-
26.
Swimming in an ocean
4:13
-
27.
What's next?
1:34
-
-
- --
- Nivel principiante
- Nivel intermedio
- Nivel avanzado
- Todos los niveles
Generado por la comunidad
El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.
25
Estudiantes
--
Proyecto
Acerca de esta clase
Learn Vibe Coding with Windsurf: Launch Your First Website in Just a Few Hours
No coding skills? No problem. In this beginner-friendly course, you’ll learn how to use Windsurf, a revolutionary platform powered by artificial intelligence, to build and launch your own professional website – even if you’ve never written a single line of code.
Imagine having a business idea and turning it into a live website by simply describing what you want. This course shows you how to make that real. You’ll discover what vibe coding is, why it’s the future, and how you can use it to create a solid income stream for yourself.
What You’ll Learn
-
How to use Windsurf to build websites from scratch
-
What vibe coding is and why it’s a game-changer
-
How to leverage AI to design, refine, and launch your own site
-
A beginner-friendly explanation of LLMs, MCPs, and other core concepts
-
Step-by-step guidance to launch your first website
-
How to purchase and connect a custom domain
-
Real-world exercises to help you build fast and build smart
-
How to iterate, learn from feedback, and eventually monetize your website
Why This Course is Different
Most courses overload you with jargon, endless theory, or expect you to be a tech wizard. Not this one! Created by a designer who’s built a career by simplifying tech, this course focuses on results. You’ll build something real, and you’ll do it quickly.
"You imagine it, you describe it, you get it. Then you fine-tune it, launch it, and earn from it."
— This is vibe coding in action.
The course is fun, fast-paced, and frustration-friendly. Yes, some things might feel early-stage – and that’s your advantage. Being early means fewer competitors, more opportunities, and a front-row seat to the AI revolution.
What You Need
-
A desktop or laptop
-
A Windsurf account (you have a 2 week free trial, then starts at $15/month)
-
A curious mind and willingness to experiment
-
Absolutely no coding skills
Who This Course is For
-
Aspiring entrepreneurs who want to build their own online business
-
Freelancers or creators looking to design their own portfolio or services site
-
Students curious about AI and website creation
-
Anyone who’s felt left out of the tech boom because they don’t know how to code
Why You Should Learn This Now
-
AI is not going away. It's only getting stronger, and this is your chance to ride the wave.
-
Windsurf was acquired by OpenAI for $3 billion – so the world’s top AI company believes in it.
-
You’re early. And being early means opportunities most people won’t have later.
Think about it – investing time in this now is like buying Apple stock 20 years ago or Bitcoin at launch.
Conoce a tu profesor(a)
Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 190.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort.
Chris started out as a freelance web designer and built a loyal client base, earning over tends of thousands of dollars by designing sites part time. Today, he runs his own Android design studio, 20 strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.
Passionate about teaching, Chris teaches because he has been disappointed in the quality of training materials available ... Ver perfil completo
Proyecto de clase práctica
Click here to download all the resources for this course
In this course, you'll create a couple of working websites from absolute zero. You don't need any technical skills, we'll use Windsurf AI to create a fully functional website. You can see it live here: chrisbarin.fyi
You'll also learn to:
- upload the website to GitHub
- publish the website with Vercel
- learn what all the technical terms mean: LLM, MCP, rules, and so on
- buy your own domain name
We will also create a portfolio website and compare the most important models so you can decide which one you want to use.
Use the resources from this course and you'll have your own websites at the end of this course. To get feedback, please provide your Vercel links or simply post screenshots.
Make sure you watch every lesson twice: once to understand the process; and a second time to work along by pausing as often as you need to.
You will need a Windsurf account, but they offer a free trial. After that, it's $15 / month.
Valoración de la clase
¿Por qué unirse a Skillshare?
Mira las galardonadas Skillshare Originals
Cada clase tiene lecciones cortas y proyectos prácticos
Tu membresía apoya a los profesores de Skillshare
Aprende desde cualquier lugar
Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.
Clases relacionadas
