Vibe Coding with Windsurf: Web Design with No Code for Beginners | Code with AI
Chris Barin, Certified Photoshop Expert
Assista a este curso e milhares de outros
Assista a este curso e milhares de outros
Aulas neste curso
-
-
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
-
-
- --
- Nível iniciante
- Nível intermediário
- Nível avançado
- Todos os níveis
Gerado pela comunidade
O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.
5
Estudantes
--
Sobre este curso
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.
Conheça seu professor
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 ... Visualizar o perfil completo
Projeto prático de curso
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.
Nota do curso
Por que fazer parte da Skillshare?
Faça cursos premiados Skillshare Original
Cada curso possui aulas curtas e projetos práticos
Sua assinatura apoia os professores da Skillshare
Aprenda em qualquer lugar
Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.
