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.

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

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