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

Velocidad de reproducción


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

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y 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.

5

Estudiantes

--

Proyectos

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)

Teacher Profile Image

Chris Barin

Certified Photoshop Expert

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

Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿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.