강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Markdown sticky notes made with Google Sheets

Let's create a simple Markdown memo web application. It's a sticky note that can use Markdown like Notion!

(3.3) 3 reviews

104 learners

3시간 만에 완강할 수 있는 강의 ⏰
Web Application
JavaScript
ES6
Google Sheets

What you will learn!

  • Google Sheets API

  • Google login

  • Deploying static web pages using Netlify

  • window.open() API

✔ Easy Google login

✔ My own sticky note that connects to Google Sheets

[This text is for search engine optimization.]

While using Markdown like Notion,
Lightweight and easy to use like Windows Sticky Notes
Let's create Markdown sticky notes together!

✔ Have you only learned HTML, CSS, and JS grammar and never created anything?
Need a developer portfolio?
Want to create a working web quickly?
Need a project that's easy to get started with?
Need your own notepad with Markdown support?

1. Lecture Topic 🥊

Using HTML, CSS, JavaScript, and Google sheets
Let's create a note-taking web application that supports Markdown.

2. Player Knowledge 🐱‍🏍

HTML, CSS, JavaScript ES6 syntax (onst, let keyword, promise, destructuring assignment, template string)

2. Lecture Features 🎊

  • You can create results using only JavaScript code , without the need for server code .
    (Not using Node.js.)
  • Use Google Excel files as DB without needing a separate DB .
  • Leverage the Google Sheets API without the need for complex SQL.
    Learn how to create, retrieve, modify, and delete data.
  • We create a note-taking app that can be accessed anytime, anywhere, even through distribution .

3. Learning 📖

(Instructor: Jeong Seung-han)

Recommended for
these people

Who is this course right for?

  • Anyone who understands HTML, CSS, and JavaScript (ES6)

  • For those who want to create an app without a server or DB

  • Anyone who needs a front-end portfolio

Need to know before starting?

  • HTML

  • CSS

  • JavaScript (ES6 or higher)

Hello
This is

102,313

Learners

2,500

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

Curriculum

All

17 lectures ∙ (2hr 46min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

3 reviews

3.3

3 reviews

  • danbi님의 프로필 이미지
    danbi

    Reviews 3

    Average Rating 4.7

    4

    100% enrolled

    Thank you for the great lecture. However, since you upload a specific sheet ID and upload only your own account to the Google console, there is a disadvantage that the service can only be used by you... ㅠㅠ... I think it would have been better if you had also covered how to make it available for others to use after distribution. Still, it was good to get various tips!

    • selenekim50221님의 프로필 이미지
      selenekim50221

      Reviews 1

      Average Rating 5.0

      5

      76% enrolled

      I started taking the class because I thought it would be useful and easy to use in many ways if I knew how to use Google Sheet API, editor, etc.! I like decorating, so I'm looking forward to having fun decorating the notepad to my taste after making it simple. (😍 Hobby Coder)

      • camacmuli8392님의 프로필 이미지
        camacmuli8392

        Reviews 1

        Average Rating 1.0

        1

        41% enrolled

        You are not answering my questions.. The Google Quick Start code has completely changed in the beginning, so I am having a hard time taking the class. Can I get a refund?

        $22.00

        jejucoding's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!