Vibe Coding with Windsurf: Web Design with No Code for Beginners | Code with AI | Chris Barin | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Vibe Coding with Windsurf: Web Design with No Code for Beginners | Code with AI

teacher avatar Chris Barin, Certified Photoshop Expert

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

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

Teacher Profile Image

Chris Barin

Certified Photoshop Expert

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

Level: All Levels

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

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.