1/5

From the basics of web development to production with React:: To-Do, create a memo app

Beginner
10 chapters · 9 hours 10 minutes
English · Japanese · Korean|Audio Korean

Check out what classmates have to say!

With React
2 Class Projects

It takes about 1 to 3 days hour(s) to complete each project.

  • Create a to-do web app

  • Create a memo app

Skills You’ll Learn

Learn React and create a web app at the same time

We'll show you how to handle React while building a Todo app.

Implementing the macOS Memo App as a web app

I'll show you how to make a memo app based on what you learned in the course.

Git, an essential skill for developers

If you are a developer, I would like to let you know that you will definitely use Git.

More stable development with Typescript

I'll show you how to develop React with Typescript.

Master state management with Redux

I will show you how to use Redux, a state management tool commonly used in the business.

Develop web apps that work on all platforms with PWA

I will tell you how to implement PWA, which is trending a lot these days.

Hello!
Thank you for visiting my course ☺️


Web development

Why should I learn?

What do you usually do with your computer? You might spend time on YouTube or Netflix, or you might spend the day listening to music. Or maybe you work on Google Docs or Notes, or share your daily life on Instagram or Facebook.


If you use a computer or smartphone a lot, Most of them all use a web-based platformYou'll be doing it. (Even this screen you're looking at is a web platform 😆)

internetlivestats.com, number of Internet users and websites worldwide


The web has a browser Great accessibility for use on all platforms (PC, smartphone, TV, etc.)It has the advantage of having. With these advantages, more websites and platforms will be created in the future. You need to know everything from the basics of the web to the latest trends to be able to adapt quicklyIt's.


Modern web development methods for you

I am It is necessary to respond as sensitively to development trends as to sharpen the basicsI think it's also important. Therefore, in this class, we plan to inform you about the latest languages and frameworks used in the business as of 2021.


1. React (React)

Developed by Facebook 'React'This is a course that teaches you how to develop a website through. Web development library used by famous startups such as Kakao Pay, T-Story, Santa TOEIC, and My Real TripIt is 🕶


2. Typescript (typescript)

We develop it through 'Typescript', which is a trend these days. Class101 is the first web development course using Typescript! It's a programming language used by everyone from unicorn startups such as Kakao, Toss, and Carrot Market to large companies 😮


3. Redux (Redux)

Just as it is difficult to understand Pointer in C at first, Predictable state container 'Redux' that is difficult to understand while developing React I plan to tell you about it along with practical training 🛠


4. PWA (Progressive Web Apps)

We'll show you how to create not only websites but also web apps with React. 'PWA (Progressive Web Apps) 'thru How it can also be used as a PC app and mobile app✨ (As shown in the picture, this technology is also used in YouTube music!!!)


5. Git (git)

What you need to know about version control as well as collaboration 'Git'This is a lecture that also tells you about. Git isn't relatively the latest technology, but it's so basic that there is (probably) no IT company in the world that doesn't use it. 🍗


If you learn, try it

If you've taken all of the courses, you'll have completed two web apps and put them into production.


To-Do app

While creating a to-do app Basic knowledge of React, HTML, and CSSIn addition to How to implement state management and functionality with ReduxYou will be able to learn. Additionally, we'll make it work like a mobile app with PWA, and all code will be managed with Git!


macOS memo app

If you learn about web development through the To-Do app, Steps to implement your own memo appYou must have come to! Of course, Of course, it's difficult at first, and it's difficult to design Type and component designs, starting with errors about whether CSS doesn't follow well or the state doesn't changeYou will be able to face it.


However, if there is a blockage Watch a video of the Memo App hands-on lesson or ask me a question, and I'll be able to solve it and then move on!


Description of the development environment

  • The PC used in the course is macOS (MacBook Air M1 basic type), but Windows OS will also be able to take the course without any problems!
  • I'm going to use Visual Studio Code developed by Microsoft, and I'll show you some useful extensions in the course.
  • Otherwise, you'll use Chrome (developer tools), node.js, npm, yarn, and git.
Class Kit · Coaching Session

🔥 We'll let you know 1:1 questions that were difficult to ask or search anywhere.

  • You can ask 2 questions in 1 coaching ticket.
  • I'm going to review the web development code I developed in class. (Attach a link to the Github repository and I'll review it.)
  • I'll give you a complete understanding of the parts that were difficult to understand.
  • We'll coach you on features or components that can't be implemented as desired.
  • We will give you a review and direction for the planned web service.
  • In addition to this, if you have any questions related to reacts or front-end development, we will be happy to coach you.


Coaching rights FAQ

Q 1. Isn't it necessary to use another coaching ticket for additional answers?

If the answer is not complete, please contact us via the email attached to the answer and we will respond in more detail. (Up to 1 times)


Q 2. I made an error during the lecture and wanted to ask a question. Should I use a coaching ticket at that time?

If you have any errors or questions during the course training, please leave a community comment and we will respond as soon as possible.

Curriculum

Creator

kidevelop

kidevelop

Hello! I'm the developer kidevable.


Hello 😄


A full-stack developer who started programming in 2012 and continues to learn KideveltIt's.


In order to implement complete and sophisticated software, we covered everything from design to front-end, back-end, server, and artificial intelligence.


Web development started out of the simple curiosity of a middle school student in '15, when HTML5 and CSS3 were in full swing. At the same time, I also studied back-end languages such as PHP, took charge of developing a friend's website, and learned it myself by cloning sites that are being serviced directly.


Then, when virtual dome-based web development libraries called React and Vue came out in '17, I learned about new web development. At first, it was so different from the web development I had done before, and it was awkward, and I remember looking for them one by one while struggling, and working hard.


To revive these memories, we have created a course to easily and accurately convey good knowledge to those interested in web development. Thank you very much! 🙌


🙂 History

  • Head of Front-End Development Team, Transverse Co., Ltd. (Class management and video conferencing platform development)
  • Former) Gourri Rehearsal Developer Co., Ltd. (AI interview evaluation platform development)
  • Former) Eve Backend Developer Co., Ltd. (Online metaverse art platform API backend development)
  • Attended the Faculty of Computer Science at the Korea Institute of Science and Technology (KAIST)
  • Graduated from Korea Digital Media High School, Department of Web Programming
  • Uber Baseweb Contributor (React UI framework developed by Uber)

🏆 Award history

  • 2020 Artificial Intelligence Online Contest Commercialization Support Selection (KRW 160 Million/AI-based Interview Evaluation System)
  • 2019 OpenResource Hackathon Seoul 1st place
  • 2018 Intel International Science and Engineering Fair Korea National Team and Grand Award
  • 2018 Korea Youth Science and Creativity Competition (ISEF-K) 1st place
  • 2017 Korea Information Olympiad Competition Section Gold Award

Github

Github

View similar classes you might also like

3D animation made with Blender - PART.1 The first step3D  |  HOYA CHOE

Notes on Copyright Protection

  • All videos and materials included in the class are protected intellectual property under relevant laws.
  • You may face legal action if you copy, distribute, transmit, modify or edit the videos or materials included in the class without permission.
CLASS 101, LLC.
1201 North Market St. Suite 111, Wilmington, DE, 19801
support@101.inc