강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Full-stack

[2021] Who builds paid web services these days? Everything about Firebase - Vue.js

"Who builds paid web services these days? Everything about Firebase" is back with a new Vue.js lecture. It will be a bible for beginner developers who dream of starting their own business.

(4.5) 13 reviews

159 learners

  • David
3시간 만에 완강할 수 있는 강의 ⏰
Firebase
Vue.js
PWA

Reviews from Early Learners

What you will learn!

  • Vue.js

  • Service Worker

  • Firebase

  • PWA

Build web services easily and for free with Firebase!

Building a simple service using Firebase

This course is for beginners who want to build web services/web apps but don't know where to start!

Rather than building a web service through AWS, a separate IDC, or cafe24,
We've prepared a course on how to build web services more easily and for free.

This course explains how to build a super-simple, free web service (or web app) using Google Firebase.

Helpful people

  • LeanStartup Developer
  • Developers who want to start a business
  • Startups that need to build web servers for free
  • Developers who are having trouble deciding between Vue.js, React.js, and Angular
  • Those who dream of becoming a full-stack developer
  • Beginner developers who want to develop using well-written templates.

Things to learn

[Git Uncovered] (feat. Everything You Need to Know About Git)

  • Install Github desktop
  • Create a Github account
  • Create a repository
  • Clone Repository
  • Create a branch
  • Pull Request Methods Required for Collaboration
  • How to Commit/Revoke using Github Desktop
  • Integrate webhooks into Discord Messenger

[Vue Development Environment Setup]

  • Install yarn
  • Build using templates
  • Try deploying to Firebase Hosting

Understanding Vue (feat. Following the Example)

  • A super-simple understanding of Vue
  • A super-simple understanding of Vue Router

[Creating a Service]

  • Building a membership registration screen
  • DB Insert/Update/Delete/Query practice
  • Physical File Upload/Download Management Practice
  • How to integrate Service Worker/PWA

[mop]

  • Explanation of useful npm libraries when using Vue (Excel upload, download / Cookie / Lazy Image load)
  • Things to watch out for when using Vue
  • Vue vs Angular vs React Comparison Explained

Note

  • Learning Environment: Mac / Chrome / npm
  • Program: Visual Studio Code
  • Prerequisite knowledge: Basic Javascript / Basic npm / Basic Vue.js
  • Pre-course: "2021: Who's Building Paid Web Services These Days? Everything About Firebase - Javascript"
  • Free boilerplate worth 30,000 won (including modules added through the course and basic modules)
  • Recommendation: As I am an actual developer and not a professional instructor, the lecture may not be smooth and my voice may not be smooth, so please watch the free video before purchasing the lecture.

Introduction of knowledge sharers

David

  • Current) StoreLink CTO (2017.11 ~)
  • Former) Applied Material / Web Developer / Manager (May 2017 - October 2018)
  • Former Samsung Display / Automated Logistics System (RTD) Developer / OLED Section Manager (May 2006 - May 2016)

Recommended for
these people

Who is this course right for?

  • Vue beginner

  • Full stack developer who wants to do everything by himself

  • For those who are looking for a quick and easy way to develop

  • Anyone who wants to see the effects of an app on the web without native coding

Need to know before starting?

  • Javascript

  • jQuery

  • HTML

  • CSS

  • Vue.js Basics

  • npm basics

Hello
This is

542

Learners

34

Reviews

55

Answers

4.4

Rating

2

Courses

🚀 풀스택 개발자, 데이비드 입니다.
🌿 정부지원 사업 MVP / 스타트업 초기 개발 24시간 상시 문의 ⭕
🫡 MES/AI/관제 및 기타 시스템 구축 컨설팅
🌿 포트폴리오는 아래 링크를 참고해 주세요 🥰

포트폴리오링크

Curriculum

All

17 lectures ∙ (2hr 55min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

13 reviews

4.5

13 reviews

  • fromkt6129님의 프로필 이미지
    fromkt6129

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    I watched it because of Firebase, but I was disappointed that you skipped over the part that was explained in the previous lecture. (Firebase realtime database, cloud firestore) You said you would cover the comparison of these two in the last lecture, but it wasn't there.. At the end, the two videos have different titles but seem to have the same content. Overall, there were some regrettable points, but I think you covered them well in a short time.

    • realkimheejin3410님의 프로필 이미지
      realkimheejin3410

      Reviews 1

      ∙

      Average Rating 5.0

      5

      100% enrolled

      I am a non-major, but I was stuck trying to do View+Firebase on my own as a hobby, so I found this. When I did it on my own, it took me a day to set up the environment because the versions of npm and other things didn't match, and it took me a day to fix errors that weren't caught during the build. This lecture didn't have much difficulty because I followed the example files. I think I saved time compared to when I did it on my own because there was a node-css version error in one place and I had to delete and install it. I am so grateful that the instructor gave me the lecture materials in PDF format, but if it was also at the bottom of the lecture, I think I could apply it right away, so it would be easier to follow the progress. I believe you will make a better lecture, and I have one more thing to say. The names of the work folder and the Firebase folder are similar, so I had to copy them from where to where several times. I also use a Mac, but it was hard for beginners to follow because I switched quickly with the Mission Control screen. The price was reasonable, but I am very satisfied with the results for this amount of money with the discount.

      • moretz09211951님의 프로필 이미지
        moretz09211951

        Reviews 64

        ∙

        Average Rating 4.9

        5

        24% enrolled

        I like learning firebase

        • david
          Instructor

          I'm glad it helped.. ^^

      • reenta님의 프로필 이미지
        reenta

        Reviews 4

        ∙

        Average Rating 5.0

        5

        100% enrolled

        You will learn Vue in a short but powerful way by linking with Firebase.

        • wany10190175님의 프로필 이미지
          wany10190175

          Reviews 4

          ∙

          Average Rating 5.0

          5

          76% enrolled

          It's good to just skim through the instructions

          $14.30

          David's other courses

          Check out other courses by the instructor!

          [2021] Who builds paid web services these days? Everything about Firebase - Javascript강의 썸네일

          [2021] Who builds paid web services these days? Everything about Firebase - Javascript

          David

          The new 2021 course, "Who builds paid web services these days? Everything about Firebase - JavaScript"! It will be a bible for beginner developers who dream of starting their own business.

          초급

          초급

          Firebase

          [2021] Who builds paid web services these days? Everything about Firebase - Javascript강의 썸네일

          [2021] Who builds paid web services these days? Everything about Firebase - Javascript

          David

          Similar courses

          Explore other courses in the same field!

          React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage강의 썸네일

          React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage

          usefulit

          This course is a video lecture that covers essential development environment setup and basic VS Code usage for React.js and Vue.js frontend learning. It provides step-by-step guidance from environment setup to utilizing basic features that enhance productivity, with a focus on hands-on practice.

          입문

          입문

          react.js, Vue.js, VSCode

          React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage강의 썸네일

          React and Vue Learning Essentials - FrontEnd Development Environment Setup and VS Code Basic Usage

          usefulit

          Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform강의 썸네일

          Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform

          dakgangjung123

          🔥 Build a customized platform for Hanja learning! Leverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!

          초급

          초급

          gemini, HTML/CSS, TailwindCSS

          Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform강의 썸네일

          Firebase Series #2: AI Chinese Character Recommendation & Handwriting Learning Platform

          dakgangjung123

          Practical React Native for iOS/Android App Development - Intermediate강의 썸네일

          Practical React Native for iOS/Android App Development - Intermediate

          Wintho

          This is an intermediate course for developing mobile apps based on React Native. This course is designed to help you develop a complete app that can handle server linkage/login/data transmission/reception/public API utilization, while learning not only the in-depth content of the front-end but also the back-end content based on Firebase.

          중급이상

          중급이상

          React Native, Redux, Firebase

          Practical React Native for iOS/Android App Development - Intermediate강의 썸네일

          Practical React Native for iOS/Android App Development - Intermediate

          Wintho

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap강의 썸네일

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

          gis

          You can easily learn Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login~~

          초급

          초급

          Vue.js, PWA, Firebase

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap강의 썸네일

          Learn Vue js and UI at once / Build a real-time weather app with Nuxt3 + OpenWeatherMap

          gis

          Vue.js - Django Integration Web Programming (Practical)강의 썸네일

          Vue.js - Django Integration Web Programming (Practical)

          bestdjango

          Let's try upgraded web programming by using Vue.js, a client-specific FW, and Django, a server-specific FW. You can do it easily without using VueRouter and Vuex on the Vue side, or DRF on the Django side.

          초급

          초급

          Django, Vue.js, Vuetify

          Vue.js - Django Integration Web Programming (Practical)강의 썸네일

          Vue.js - Django Integration Web Programming (Practical)

          bestdjango

          Coding Netflix UI Clone with Flutter + Firebase [Just Flutter]강의 썸네일

          Coding Netflix UI Clone with Flutter + Firebase [Just Flutter]

          taebbong

          This course is about cloning Netflix UI with Flutter and Firebase! Start with Flutter, the fastest way to learn app development :)

          초급

          초급

          Flutter, Clone Coding, Firebase

          Coding Netflix UI Clone with Flutter + Firebase [Just Flutter]강의 썸네일

          Coding Netflix UI Clone with Flutter + Firebase [Just Flutter]

          taebbong

          Tinder Firebase Clone | React Native강의 썸네일

          Tinder Firebase Clone | React Native

          The Coders Studios

          I will help you learn React Native in the shortest possible time. I will not include any unnecessary parts.

          중급이상

          중급이상

          React Native, Firebase

          Tinder Firebase Clone | React Native강의 썸네일

          Tinder Firebase Clone | React Native

          The Coders Studios

          React + Firebase Full Stack Development - Firebase Firestore Data Modeling강의 썸네일

          React + Firebase Full Stack Development - Firebase Firestore Data Modeling

          brightcoding

          Through this course, you will learn how to implement database relationships with Firebase. You can quickly become a React full-stack developer. In this era of unstable employment, you need to learn new skills and increase your value. And you need to create something. You need to be able to implement data "relationships" when implementing those side projects and ideas. This course will help you implement "relationships" with Firebase "Firestore."

          초급

          초급

          Firebase, React, firestore

          React + Firebase Full Stack Development - Firebase Firestore Data Modeling강의 썸네일

          React + Firebase Full Stack Development - Firebase Firestore Data Modeling

          brightcoding

          Planner, how about learning this level of web development? [Theory + Practice]강의 썸네일

          Planner, how about learning this level of web development? [Theory + Practice]

          bokchi

          This is a fast-paced development course for busy planners. You can learn the entire development process by developing web front-end, back-end, and DB yourself with simple explanations.

          입문

          입문

          HTML/CSS, JavaScript, Vue.js

          Planner, how about learning this level of web development? [Theory + Practice]강의 썸네일

          Planner, how about learning this level of web development? [Theory + Practice]

          bokchi

          Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)강의 썸네일

          Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

          gymcoding

          This course on creating a community using Vue3 & Firebase(v10) will help you grow as a developer in various ways, including practical use of Vue3, Firebase basics to practical use, use of the latest web technologies, and sharing experiences as a knowledge sharer!

          중급이상

          중급이상

          Vue.js, Firebase, Quasar

          Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)강의 썸네일

          Vue 3 & Firebase 10 Community Building Full Stack - "Practical Use" (with Pinia, Quasar, Tiptap, VueUse)

          gymcoding

          Full Stack React Live Coding - Creating a Simple Shopping Mall강의 썸네일

          Full Stack React Live Coding - Creating a Simple Shopping Mall

          jaenam

          From development to distribution! We will show you the arduous journey to complete a single service without filtering. You will be able to overcome the difficulties and difficulties by introducing a lot of new technologies!

          초급

          초급

          React, GraphQL, Firebase

          Full Stack React Live Coding - Creating a Simple Shopping Mall강의 썸네일

          Full Stack React Live Coding - Creating a Simple Shopping Mall

          jaenam