강의

멘토링

로드맵

Programming

/

Full-stack

Create your own blog with React (MERN Stack)

Let's create your own blog with a full stack~~!

(4.1) 33 reviews

502 learners

  • ssaple
React
Redux
Node.js
Bootstrap
MongoDB

Reviews from Early Learners

What you will learn!

  • Mongo DB

  • Express

  • React

  • NodeJS

  • Redux, Redux-Saga

  • JWT Web Token

  • Infinite Scroll (Intersection Observer)

  • CKEditor5

  • CSS(BootStrap4)

  • Https(GreenLock Express)

New lectures and roadmaps are open! Please refer to the >link< for new lectures.
If you want to learn about development to deployment with Docker and Kubernetes operation with Terraform, go for it!!!

When you participate in the newly released Node FullStack development roadmap from A to Z, you will receive a 20% discount coupon for related lectures.
Go > to get discount coupons! <

Full stack development with just JavaScript! Create your own blog.

Topic Introduction 📝

A technology that allows one person to create both the backend (server) and the frontend (web screen) is called Full Stack. Full Stack technology can be implemented in various ways, but we will use JavaScript to create the backend (NodeJS, Express, MongoDB) and the frontend (React, Redux, Redux-Saga, Bootstrap, Ckeditor5, etc.).

Why should you learn ✒️

Hey guys, can you believe that you can make everything with JavaScript? @.@
As a full stack JavaScript developer, all your ideas will become reality and lead to revenue generation.

Plus!!!
The fact that if you learn React, a front-end development library, you can easily approach React Native, which creates mobile apps (Android, iPhone) with React!!!

The ideas in your head are no longer mere imagination.
Right now!!! Spread your wings of thought into the real world.

Coding is a tool that makes my imagination come true~~~ *^^*

What you will learn in this course ✏️

Infinite Scroll

Category Search

CKEditor5

Comment

In addition, you will learn MongoDB, Express, React, Node JS (above MERN Stack), Redux, Redux-Saga, JWT Web Token, and Bootstrap4.

Course Features 💡

Web developers basically need a blog to store their knowledge and skills.
But... you're a web developer... and you don't have a blog made with my skills yet? Then try making one by following my example.

This course is designed for beginners who are just starting out with HTML, CSS, etc., and explains the concepts in relatively detail.

Create your own blog and start growing it from now on~~~
(GitHub: https://github.com/sideproject0214/blog)

Check out Ssaple's latest lecture information at blog.ssaple.com ~

A brief introduction to each section 📖

< Total 63 lectures, 815 minutes >

Section 1 (1 lecture, 4 minutes )
*Intro: An overview of the basic MERN stack and the technologies you will learn in the future.

Section 2 (12 lectures, 126 minutes )
*Basic server tasks such as Express (backend), Router, MongoDB, etc.

Section 3 (47 lectures, 653 minutes )
*Front-end work using React, Redux, etc. and back-end work tailored to these

Section 4 (3 lectures, 32 minutes )
*AWS Deploy task

Bonus (1 lecture, 15 minutes )
*Https(GreenLock Express)

Tools covered here 🧰

MongoDB, Express, React, NodeJS, Redux, Redux-Saga, JWT Web Token, Infinite Scroll(Intersection Observer), CKEditor5, BootStrap4

*Computer specifications: Linux, Mac, Windows

Expected Questions Q&A 🙋🏻‍♂️

Q. Can non-majors also take the course?
A. Of course. Because I am a non-major and like you, I learned it on my own online. However, if you are a beginner, I recommend you to go through the React tutorial (https://ko.reactjs.org/tutorial/tutorial.html#completing-the-game).

Q. Is React difficult?

A. React itself is not difficult. However, the problem is Redux, and since the difficulty level increases rapidly from Redux, there is a prejudice that React is difficult. You can make it without Redux, but as the site size grows, it becomes difficult to manage the state, so it is almost inevitable(?) to use Redux, Mobx, etc.

Please don't give up, because once you get past this step, you'll be able to create your own website freely. *^^*

Q. What is MERN Stack?
A. It refers to the technology of creating both the server (backend) and the web (frontend) using a single JavaScript language, including M ongoDB, Express , React, and NodeJS (MERN ) .

Q. Are there any special advantages to this course?
A. Like you, I also studied on my own through the Internet, such as Inflearn, so I conducted the lecture from the perspective of beginners, supplementing the shortcomings I felt in existing lectures.

Recommended for
these people

Who is this course right for?

  • Those who have basic knowledge of the web (HTML, CSS)

  • JavaScript Basics (for those who know "console.log")

  • Anyone who knows the basics of React and Express

  • Anyone who has created a React To-do list

  • If you want to learn web coding quickly

Hello
This is

낮에는 평범한 회사원이지만, 밤에는 열정을 가진 개발자 입니다

Curriculum

All

66 lectures ∙ (13hr 52min)

Published: 
Last updated: 

Reviews

All

33 reviews

4.1

33 reviews

  • kh1335han0992님의 프로필 이미지
    kh1335han0992

    Reviews 15

    Average Rating 4.9

    5

    100% enrolled

    良い講座ありがとうございます。

    • anifilm님의 프로필 이미지
      anifilm

      Reviews 10

      Average Rating 4.5

      3

      33% enrolled

      リダックス、リダックス - 社が関連する事前知識がないため、内容を理解することは困難です。学習中です... 他に勉強をもう少しして来なければなりませんね。

      • ireh12141686님의 프로필 이미지
        ireh12141686

        Reviews 2

        Average Rating 5.0

        5

        100% enrolled

        中途半端なエラーで数日間無駄にして…本当に険しい時間だったけどなんとか完成できるようになってとても嬉しいですㅜㅜ これでリアクトを通じてどのようにフロントエンドとバックエンドを作って配布までできるのか、どれくらい感覚を捉えることができるようになる時間でした。もっと勉強をたくさんしなければならないという考えだけですね…

        • gksrbanssla0806님의 프로필 이미지
          gksrbanssla0806

          Reviews 4

          Average Rating 4.8

          4

          100% enrolled

          講義内容と編集が素晴らしいです。

          • giraff59385님의 프로필 이미지
            giraff59385

            Reviews 2

            Average Rating 4.0

            3

            100% enrolled

            途中で親切で頑張りにくかった

            Access is restricted to non-public courses.
            Private Course

            Similar courses

            Explore other courses in the same field!