Programming

Full-stack

Creating a job search site with Vue3 and Supabase

Name: Creating a job search site with Vue3 and Supabase
Price: 49500 KRW

From developing your own full-stack application to a Progressive Web App (PWA)!

(5.0) 2 reviews

29 learners

csslick

실습 중심

pwa

supabase-database

Vue.js

supabase

PWA

What you will learn!

Handling Vue3's core basic grammar and Composition API
Routing Pages with Vue Router
Writing reusable code using modular patterns
Building a database and authentication system using Supabase
Calling database APIs and handling asynchronous operations
Building a Progressive Web App (PWA)

From developing your own full-stack application to a Progressive Web App (PWA)!

How cool would it be if you could build your own job search website using Vue.js and Supabase?

Seamless integration between Vue3 and Supabase

The job search site we'll be building will include core functions like user registration, job posting creation, and management. Through this, you'll experience the entire process, from the basic structure of web application development to backend integration, database, and storage management.

You'll build the frontend with Vue3 and implement various features, including authentication, database processing, and file uploads, directly with Supabase. This course will teach you commonly used web application development techniques.

Building a Progressive Web App (PWA)

We'll cover how to build and deploy a PWA, which provides an app-like user experience by making your website available offline.

Providing Vue3 basic course for beginners

Are you feeling overwhelmed by Vue? Don't worry. We also offer an easy-to-understand, core-focused introductory course.

This course is designed for both beginners and intermediate learners, and each section includes hands-on exercises to help you solidify your understanding of the concepts!

Recommended for
these people

Who is this course right for?

Anyone who wants to create their own realistic project with Vue
Developers, publishers, and designers who have taken basic courses but are still unfamiliar with service development
Anyone who wants to understand the backend and work on full-stack practical projects
Aspiring developer preparing a portfolio for employment
Anyone who wants to make their web into a PWA

Need to know before starting?

HTML, CSS, JavaScript Basics

Hello
This is

216

Learners

Reviews

Answers

5.0

Rating

Courses

스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.

- 저서 -

자바스크립트 프로젝트북(한빛미디어,2017)

Curriculum

All

63 lectures ∙ (7hr 0min)

Section 1. Introduction to the course and setting up the development environment

3 lectures ∙ (6min)

1. Introduction to the course
02:00
2. Setting up the development environment
01:08
3. Creating a Vue Project with Vite
03:11

Section 2. Laying the foundations of Vue 3

7 lectures ∙ (29min)

4. Vue Playground
02:10
5. Data binding v-vind
02:50
6. State variable ref
02:52
7. Loops and conditional statements v-for, v-if
06:51
8. How to handle components and props
04:09
9. Event handling
04:16
10. Lifecycle Hook
06:41

Section 3. Job Search Services: Organizing Projects

4 lectures ∙ (14min)

11. Project Introduction
02:56
12. How to listen well in class
13. Project setup
10:38
14. How to use GitHub resources
00:44

Section 4. Job Search Services: Page Configuration and Routing

7 lectures ∙ (53min)

Section 5. Job Search Service: Adding Authentication Functions and Tables with Supabase

9 lectures ∙ (1hr 6min)

Section 6. Job search service: Implementation of profile and job posting pages

7 lectures ∙ (1hr 17min)

Section 7. Job search service: Implementation of list of articles and detailed pages

7 lectures ∙ (48min)

Section 8. Job Search Service: Implementing Edit, Delete and Apply Functions

7 lectures ∙ (1hr 10min)

Section 9. Job Search Service: Save, edit, and delete images in Storage

6 lectures ∙ (38min)

Section 10. Job Search Service: Distribute

1 lectures

Section 11. Building a Progressive Web App (PWA)

5 lectures ∙ (13min)

Published:

Last updated:

Reviews

All

2 reviews

5.0

2 reviews

leejh
Reviews 2
∙
Average Rating 5.0
5
60% enrolled
실용적이고 실무에 많은 도움이 됩니다. 좋은 딕션에 이해하기 쉽게 알려주셔서 정말 감사합니다!
- Michael Kwon
  Instructor
  소중한 의견 감사드립니다~
pde0111
Reviews 2
∙
Average Rating 5.0
5
100% enrolled

$38.50

csslick's other courses

Check out other courses by the instructor!

Figma 디자인부터 퍼블리싱까지

Michael Kwon

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

Basic

Figma, HTML/CSS

Figma 디자인부터 퍼블리싱까지

Michael Kwon

프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

Michael Kwon

체계적인 단계의 프로젝트 실습과 배포, 빌트인 store 활용, SvelteKit와 Supabase로 풀스택 애플리케이션까지 한방에!

Basic

Svelte, sveltekit, supabase

프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

Michael Kwon

프로젝트로 쉽게 배우는 TypeScript 기초

Michael Kwon

타입스크립트의 핵심 개념을 기초부터 실습까지 한 번에! 프로젝트를 통해 실무 활용까지

Basic

JavaScript, TypeScript, TailwindCSS

프로젝트로 쉽게 배우는 TypeScript 기초

Michael Kwon

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

Basic

JavaScript, vanilla-javascript, frontend

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

Similar courses

Explore other courses in the same field!

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

Basic

Vue.js, PWA, Firebase

Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

임종태

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

Intermediate

Vue.js, Node.js, AWS

Vue로 Nodebird SNS 만들기

제로초(조현영)

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

Basic

Next.js, supabase, TailwindCSS

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

김정환

순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

Basic

JavaScript, Vue.js

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

김정환

Javascript 초보 Real 웹앱 개발 - 1부: Vue 개념~초급

배동훈

이 강의는 초보 Javascript 개발자가 직접 Real 웹앱을 개발할 수 있는 개발자가 되는 것에 초점을 맞추고 있습니다. 이 강의를 수강하시면 Vue.js 와 관련된 기본적인 개념부터 Real 웹앱 개발을 해 볼 수 있습니다. 이 강의는 1부 기본기 이며, 2부와 3부를 통해서 실제 Real 웹앱을 구현해 보도록 하겠습니다. Javascript 나 CSS 와 같은 선수지식 없이도 기본적인 간단한 Html 만 알아도, 학습할 수 있도록 쉽게 구성하였습니다. 강의 후반부가 되면, 분명 Vue.js 에 대한 기본 코딩이 가능할 수 있을 것입니다.

Beginner

JavaScript, Vue.js, 웹앱

Javascript 초보 Real 웹앱 개발 - 1부: Vue 개념~초급

배동훈

프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

Michael Kwon

체계적인 단계의 프로젝트 실습과 배포, 빌트인 store 활용, SvelteKit와 Supabase로 풀스택 애플리케이션까지 한방에!

Basic

Svelte, sveltekit, supabase

프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

Michael Kwon

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

바쁜 기획자 분들을 위한 빠르게 진행되는 개발 강의입니다. 군더더기 없는 설명으로 웹 프론트엔드, 백엔드, DB를 직접 개발해보며 전체적인 개발 프로세스를 알아볼 수 있습니다.

Beginner

HTML/CSS, JavaScript, Vue.js

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

개복치개발자

리액트, 뷰 학습을 위한 필수 지식 - FrontEnd 학습 환경설정 및 VS Code 기초 사용법

유용한IT학습

본 과정은 React.js와 Vue.js 프런트엔드 학습에 필수적인 개발 환경 설정과 VS Code 기초 사용법을 다루는 동영상 강의입니다. 실습 중심으로 환경 구축부터 생산성을 높이는 기본 기능 활용까지 단계별로 안내합니다.

Beginner

react.js, Vue.js, VSCode

리액트, 뷰 학습을 위한 필수 지식 - FrontEnd 학습 환경설정 및 VS Code 기초 사용법

유용한IT학습

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

Basic

OAuth, oauth2, JWT

카카오,구글 SNS 로그인(springboot3, vue3)

bradkim

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

코딩 몰라도 OK! 당신의 아이디어를 단 4주 만에 실제 수익으로 바꿔보세요. AI와 최신 도구를 활용해, 웹사이트와 앱을 동시에 만들고 바로 서비스까지 연결합니다.

Beginner

Flutter, Next.js, cursor

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

단순히 애플리케이션 하나를 만드는데 끝나지 않습니다. Spring Boot를 활용한 백엔드부터 Vue.js 모던 프론트엔드 스택을 연동한 서비스 완성 A-Z를 보여드립니다.

Intermediate

Spring Boot, JPA, AWS

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

Creating a job search site with Vue3 and Supabase

What you will learn!

From developing your own full-stack application to a Progressive Web App (PWA)!

Easily manage front-end and back-end, allowing you to focus solely on your targeted development!

Learning Content

A systematic implementation process based on design

Things to note before taking the course

Practice environment

Learning Materials

Recommended for
these people

Hello
This is

Curriculum

Reviews

csslick's other courses

Similar courses

Creating a job search site with Vue3 and Supabase

What you will learn!

From developing your own full-stack application to a Progressive Web App (PWA)!

Easily manage front-end and back-end, allowing you to focus solely on your targeted development!

Learning Content

A systematic implementation process based on design

Things to note before taking the course

Practice environment

Learning Materials

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

csslick's other courses

Similar courses

Recommended for
these people

Hello
This is