Skills Youโll Learn
Advanced use of TypeScript
Various features of TypeScript are used throughout the service.
Direct implementation of communication protocols without external modules
It directly implements an RPC that executes a server function as if it were a function call.
Session management with OAuth2
Login with Kakao is implemented directly through the OAuth2 protocol.
Everyone who has completed their introduction to React
Now it's an advanced process ๐ช
โถ Full staff development project using 100% TypeScript
Following on from the first introductory class to web development and the second introductory class to React, in this third class, we have prepared a full-stack development class using 100% TypeScript for junior developers. This class goes one step further from the basics of React and includes everything from type checking using TypeScript, definition and implementation of RPC, authentication, login, and sessions.
TypeScript
Do I have to learn?
Recently, I see most web developer job postings asking for TypeScript development experience. What is TypeScript and why is it needed? Let me start with the bottom line
Using TypeScript makes your development 'much' easier
I think a lot of people think TypeScript is a completely different language. So I think the first thing to do is learn TypeScript after mastering JavaScript. though TypeScript isn't a new language for us. Especially for those of you who have learned JavaScript.
In literal translation of what is defined on the TypeScript official site, TypeScript is described as JavaScript with syntax for types. The sentence is awkward, right? Simply put, TypeScript is a language that is 100% compatible with JavaScript, It includes all the features of JavaScript, yet has many improvements for developers.
One of the biggest features is that when you use TypeScript, you specify the type in the code and generate an error in variables or functions that do not match the type. Get rid of bugs in advanceI will.
100% TypeScript
We'll show you how to use it
This class directly implements the required functionality using only a minimum number of external modules. Instead of learning how to use a popular library, I think about how that library works internally.
This class creates an SNS service from beginning to end. What is an example of a completed service rink You can check it out here. However, this example is literally just one example. Throughout the course, all code is written to be easy to maintain. After completing the class New features can be implemented with just a few simple lines of code, and deployed with a single command execution. Create and run your own service!
๐ Data provision
The code for every chapter is provided on Github or as a zip file.
Curriculum preview
๐ Express, React, TypeScript
The backend is based on Express and the front end is based on React, all of which use TypeScript. In various parts of the app Make the most of TypeScript to write easy-to-maintain code. If you have type crying, you will be treated with shock therapy in this class.
๐ RPC implementation
Use Typescript's type checking to directly implement an IDE-friendly communication protocol.
๐ OAuth2
After understanding the OAuth2 protocol, a request is sent directly to the Kakao server without a library to implement login with Kakao. I'll even try to manage sessions myself.
๐ Database integration+AWS deployment
Install MariaDB (MySQL) and write queries. The finished app is deployed through AWS, and the build and deployment are automated through shell scripts.
If you've made it this far, congratulations. You've taken the first step for full-stack web developers!
Let me tell you something as important as the tech stack.
Trends change endlessly, and new technology is pouring in every day. And it's impossible for a single developer to master every framework that exists in the world. What really matters to developers is not just a technology stack, I have the ability to fundamentally understand and apply programming. And this class makes it easy for you to learn how to use a new framework/library The focus is on building basic competencies.
Let's get started with a full-stack development project using TypeScript!
Class lab environment
- Basically, it is based on Windows 10, but since there are no operating system-dependent chapters, you can use other operating systems such as macOS.
- There are no IDE-dependent chapters, so you can use programs you are familiar with, such as vscode, WebStorm, and IntelliJ.
[1:1 coaching by Immersive Coding Instructor Kang Hyun-soo]
- The difficult part of taking a classI will give you a 1:1 explanation about.
- A total of 2 questionsYou can do it, 300 characters We will answer both internally and externally.
- Coaching is answered sequentially based on the date the questions were received.
- This may take at least 1 to 3 days.
- The coaching ticket can be used for 20 weeks from the date of purchase.
- If not used within the period, no refund will be given.
Curriculum
Creator
Coding Immersion
Hello, I'm Kang Hyun-soo, a lecturer at Immersive Coding.
I started programming as a self-taught student in 2010, worked as a freelancer in 2018, and now I'm working as a full-stack developer in a startup. The main languages I use are Typescript and Go github.com/wirekang You can watch my personal projects here.
In this 3rd class, we applied work processes that are frequently used in practice, so it will be of great help to those who dream of becoming a full-stack developer. Through this class, I would like to give junior developers a solid foundation for becoming a full-stack developer.
๋ชฐ์ ์ฝ๋ฉ
