강의

멘토링

커뮤니티

Programming

/

Full-stack

Tạo blog riêng của bạn bằng React (MERN Stack)

Tạo blog của riêng bạn với đầy đủ tính năng~~!

(4.1) 33 đánh giá

502 học viên

  • ssaple
React
Redux
Node.js
Bootstrap
MongoDB

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

  • Cơ sở dữ liệu Mongo

  • Thể hiện

  • Phản ứng

  • NodeJS

  • Redux, Redux-Saga

  • Mã thông báo web JWT

  • Cuộn vô hạn (Intersection Observer)

  • Trình biên tập CK5

  • CSS (BootStrap4)

  • Https(GreenLock Express)

Bài giảng và lộ trình mới hiện đã mở! Để biết bài giảng mới, vui lòng tham khảo >link<
Nếu bạn muốn tìm hiểu về quá trình phát triển để triển khai với Docker và vận hành Kubernetes với Terraform, hãy bắt đầu ngay!!!

Khi bạn tham gia lộ trình phát triển Node FullStack mới phát hành từ A đến Z, bạn sẽ nhận được phiếu giảm giá 20% cho các bài giảng liên quan.
Vào > để nhận phiếu giảm giá! <

Phát triển toàn diện chỉ với JavaScript! Tạo blog của riêng bạn.

Giới thiệu chủ đề 📝

Một công nghệ cho phép một người tạo ra cả phần backend (máy chủ) và phần frontend (màn hình web) được gọi là full stack. Công nghệ full stack có thể được triển khai theo nhiều cách, nhưng chúng ta sẽ sử dụng JavaScript để tạo phần phụ trợ (NodeJS, Express, MongoDB) và phần giao diện (React, Redux, Redux-Saga, Bootstrap, Ckeditor5, v.v.).

Tại sao bạn nên học ✒️

Này các bạn, các bạn có tin là mình có thể tạo ra mọi thứ bằng JavaScript không? @.@
Với tư cách là nhà phát triển JavaScript toàn diện, mọi ý tưởng của bạn sẽ trở thành hiện thực và tạo ra doanh thu.

Thêm nữa!!!
Thực tế là nếu bạn học React, một thư viện phát triển front-end, bạn có thể dễ dàng tiếp cận React Native, công cụ tạo ứng dụng di động (Android, iPhone) bằng React!!!

Những ý tưởng trong đầu bạn không còn chỉ là trí tưởng tượng nữa.
Ngay lập tức!!! Hãy để suy nghĩ của bạn bay bổng trong thế giới thực.

Lập trình là công cụ giúp trí tưởng tượng của tôi trở thành hiện thực~~~ *^^*

Những gì bạn sẽ học được trong khóa học này ✏️

Cuộn vô hạn

Tìm kiếm danh mục

Trình biên tập CK5

Bình luận

Ngoài ra, bạn sẽ học MongoDB, Express, React, Node JS (trên MERN Stack), Redux, Redux-Saga, JWT Web Token và Bootstrap4.

Tính năng của khóa học 💡

Các nhà phát triển web về cơ bản cần một blog để lưu trữ kiến ​​thức và kỹ năng của mình.
Nhưng... bạn đã nói bạn làm phát triển web... bạn vẫn chưa có blog nào thể hiện kỹ năng của mình sao? Sau đó hãy thử làm theo cách này.

Khóa học này được thiết kế dành cho những người mới bắt đầu tìm hiểu về HTML, CSS, v.v. và giải thích các khái niệm khá chi tiết.

Tạo blog của riêng bạn và bắt đầu phát triển nó ngay từ bây giờ~~~
(GitHub: https://github.com/sideproject0214/blog)

Kiểm tra thông tin bài giảng mới nhất của Ssaple tại blog.ssaple.com ~

Giới thiệu ngắn gọn về từng phần 📖

< Tổng cộng 63 bài giảng, 815 phút >

Phần 1 (1 bài giảng, 4 phút )
*Giới thiệu: Tổng quan về nền tảng MERN cơ bản và các công nghệ bạn sẽ học trong tương lai.

Phần 2 (12 bài giảng, 126 phút )
*Các tác vụ cơ bản của máy chủ như Express (phần cuối), Router, MongoDB, v.v.

Phần 3 (47 bài giảng, 653 phút )
*Công việc front-end sử dụng React, Redux, v.v. và công việc back-end được thiết kế riêng cho những công việc này

Phần 4 (3 bài giảng, 32 phút )
*Nhiệm vụ triển khai AWS

Phần thưởng (1 bài giảng, 15 phút )
*Https(GreenLock Express)

Các công cụ được đề cập ở đây 🧰

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

*Thông số kỹ thuật máy tính: Linux, Mac, Windows

Câu hỏi dự kiến ​​Q&A 🙋🏻‍♂️

H. Những người không chuyên ngành cũng có thể tham gia khóa học này không?
A. Vâng, tất nhiên rồi. Bởi vì tôi không phải là người chuyên ngành và giống như bạn, tôi tự học qua Internet. Tuy nhiên, nếu bạn là người mới bắt đầu, tôi khuyên bạn nên tham khảo hướng dẫn React (https://ko.reactjs.org/tutorial/tutorial.html#completing-the-game).

H. React có khó không?

A. Bản thân React không khó. Tuy nhiên, vấn đề là Redux, và đúng là có một định kiến ​​cho rằng React khó vì mức độ khó tăng nhanh từ Redux. Có thể tạo mà không cần Redux, nhưng khi trang web phát triển về quy mô, việc quản lý trạng thái trở nên khó khăn, do đó, việc sử dụng Redux, Mobx, v.v. là điều gần như không thể tránh khỏi.

Xin đừng bỏ cuộc, vì khi vượt qua bước này, bạn sẽ có thể tự do tạo trang web của riêng mình. *^^*

H. MERN Stack là gì?
A. Nó đề cập đến công nghệ tạo cả máy chủ (phần cuối) và web (phần đầu) bằng một ngôn ngữ JavaScript duy nhất, bao gồm MongoDB , Express , React và NodeJS (MERN ) .

H. Khóa học này có ưu điểm gì đặc biệt không?
A. Giống như bạn, tôi cũng tự học qua Internet, như Inflearn, nên tôi thực hiện bài giảng theo góc nhìn của người mới bắt đầu, bổ sung những thiếu sót mà tôi cảm thấy trong các bài giảng hiện có.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất kỳ ai biết kiến ​​thức cơ bản về web (HTML, CSS)

  • Cơ bản về JavaScript ("console.log" dành cho những ai biết)

  • React, Express cơ bản

  • Ai đã từng tạo danh sách To-do bằng React chưa?

  • 웹 lập trình muốn học nhanh

Xin chào
Đây là

https://5min24.com

안녕하세요~ 싸플입니다

🔥2023년 11월, 인프런에 새 강의를 런칭하고 “뭔가 새로운 걸 배워보고 싶다!” 싶어서 6개월 동안 Rust랑 웹 디자인에 푹 빠져 있었습니다. 그리고 나서 바로 Rust, Leptos 개발을 시작해서

드디어…! Rust + Leptos + SQLx + Postgres + Docker + GCloud Run 이 스택으로 만든 웹 서비스를 2년만에 완성했습니다.

요즘 React는 서버 컴포넌트 흐름으로 가고 있지만, Leptos는 태생부터 최신 웹 트렌드를 반영한 Rust + WASM 기반 풀스택 프레임워크라 초기부터 서버 컴포넌트 구조형태로 개발할 수 있었습니다.

2023년 Colini 웹개발가이드, Node Fullstack 개발 가이드, Terraform 개발 가이드 3개 강의를 제작할때 부터 '가치있는 정보를 5분안에 전달'한다는 콘셉트로 운영되는 플랫폼을 구상했기에 당시 출시한 강의모두 5분내로 편집하여 출시하였습니다.

앞으로 저의 개발 여정은 Rust로 이어질 예정이고, 강의나 정보나눔은 Rust로 이어질 것입니다.

[강의부분]

기존 강의에 대한 불필요한 지출을 줄이기위해 https://5min24.com 에서 강의당 100~200원으로 제공되고 있으며, 전체 강의를 구매할 필요가 없고 필요한 부분만 선택해서 들을 수 있기에 보다 경제적으로 학습하실 수 있습니다.

그리고~!!! 콘텐츠 창작자모집하고 있습니다.

본인이 학습한 내용을 남들에게 전달해보면 해당 지식에 대한 이해도 대폭 증가합니다.

제 플랫폼은 전체강의 완성본이 아닌 개당 판매가능한 구조이므로

배운지식을 남들에게 전달해보는 연습을 https://5min24.com 에서 해보시길 권해드립니다.

이를 통해 이해도를 상승시키고 커피값도 벌면 좋지 않을까요?

영상외에 블로글로 개당 판매가능하므로 많은 이용부탁드려요~~

마지막으로~!!

플랫폼 오픈 초기라서 큰 혜택을 제공중입니다

- 6개월 동안 유료 판매 수익(세금 공제 후)의 90% 정산

- 초기 창작자 50명: 화면 최상단 광고 5자리 + 카드 광고 노출을 6개월 무료

부담 없이 한 번 올려서 반응만이라도 같이 보자구요~!!!

Chương trình giảng dạy

Tất cả

66 bài giảng ∙ (13giờ 52phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

33 đánh giá

4.1

33 đánh giá

  • kh1335han0992님의 프로필 이미지
    kh1335han0992

    Đánh giá 15

    Đánh giá trung bình 4.9

    5

    100% đã tham gia

    Cảm ơn bạn vì khóa học tốt.

    • anifilm님의 프로필 이미지
      anifilm

      Đánh giá 10

      Đánh giá trung bình 4.5

      3

      33% đã tham gia

      Rất khó hiểu nội dung vì tôi không có kiến ​​thức trước về Redux và Redux-Saga. Quá trình học tập đang diễn ra... Tôi đoán tôi nên học thêm ở nơi khác.

      • ireh12141686님의 프로필 이미지
        ireh12141686

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Tôi đã lãng phí vài ngày do mắc lỗi trong quá trình thực hiện... Đó thực sự là khoảng thời gian khó khăn, nhưng tôi rất tự hào rằng tôi đã có thể hoàn thành nó bằng cách nào đó. Điều này sẽ giúp bạn biết cách tạo và triển khai giao diện người dùng. và back-end thông qua React. Đó là một thời điểm tốt. Tôi chỉ cảm thấy mình cần phải học nhiều hơn nữa... Haha, cố gắng cho đến ngày tôi có thể tạo được trang chủ của riêng mình!!!

        • gksrbanssla0806님의 프로필 이미지
          gksrbanssla0806

          Đánh giá 4

          Đánh giá trung bình 4.8

          4

          100% đã tham gia

          Nội dung bài giảng và cách biên tập đều tuyệt vời.

          • giraff59385님의 프로필 이미지
            giraff59385

            Đánh giá 2

            Đánh giá trung bình 4.0

            3

            100% đã tham gia

            Thật khó để hoàn thành khóa học vì đôi khi nó không thân thiện.

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!