강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Mobile Application Development

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.

(4.3) 4 đánh giá

84 học viên

실습 중심
React
Next.js
expo
React Native

Dịch cái này sang tiếng Việt

  • Khung Expo

  • React Native cơ bản

  • Liên kết WebView với React/Next

  • Liên kết chức năng và quyền của điện thoại thông minh (báo thức, vị trí, hệ thống, v.v.)

  • Thiết kế ứng dụng lai ổn định (Micro Frontend)

Dự án tăng lương cho lập trình viên web
Trở thành một 'nhà phát triển ứng dụng' bằng cách sử dụng các kỹ năng phát triển web như hiện tại

Xin chào!
Đây là Noh Won-du của Code Camp.

Mục tiêu là cung cấp các khóa học thiết yếu dành cho nhà phát triển web giúp các nhà phát triển web dễ dàng phát triển năng lực của mình.
Các nhà phát triển có nhiệm vụ liên tục phát triển năng lực của mình. Tôi cũng làm cùng một bài tập về nhà mỗi ngày và cố gắng giảm bớt thời gian thử nghiệm và sai sót. Cảm ơn bạn đã luôn theo dõi.

9 năm kinh nghiệm làm nhà phát triển web full-stack, nhà phát triển ứng dụng lai,
Với tư cách là giảng viên đại diện của trại huấn luyện , tôi đã nghiên cứu cách phát triển kỹ năng của các nhà phát triển web một cách dễ dàng .

Chúng tôi tiết lộ nội dung cốt lõi và mã thực tế có thể giúp bạn phát triển dễ dàng và nhanh chóng với tư cách là nhà phát triển ứng dụng lai.
Vậy thì gặp lại bạn ở lớp nhé!

Kết hợp đa nền tảng
Phát triển ứng dụng là gì?

Phát triển ứng dụng lai đa nền tảng là công nghệ tạo ra các ứng dụng chạy trên nhiều hệ điều hành khác nhau (Android, iOS, v.v.) bằng cách sử dụng mã web . Thông thường, khi tạo một ứng dụng, bạn phải phát triển riêng biệt trên các ngôn ngữ lập trình và môi trường khác nhau cho từng hệ điều hành, nhưng với công nghệ ứng dụng đa nền tảng và ứng dụng lai , bạn có thể phát triển ứng dụng một lần và sử dụng trên mọi hệ điều hành bằng các công nghệ như React.js và Next.js được sử dụng trên web.

Các khuôn khổ tiêu biểu bao gồm React.Native và Flutter, nhưng thật không may, những công nghệ này đòi hỏi cài đặt môi trường phức tạp và nhiều kiến ​​thức bổ sung.

Tuy nhiên, Expo là một khuôn khổ rất hiệu quả cho phép phát triển mà không cần cài đặt môi trường phức tạp.

Khung Expo là gì?
Đó là gì?

Expo là một công cụ và dịch vụ giúp bạn phát triển ứng dụng di động (Android, iOS) một cách dễ dàng và nhanh chóng bằng công nghệ React Native và web.

Ban đầu, nếu bạn muốn phát triển một ứng dụng chỉ sử dụng React Native, các nhà phát triển phải tạo các thiết lập phức tạp và tự xây dựng môi trường. Tuy nhiên, Expo thiết lập môi trường trước và chuẩn bị các chức năng cần thiết để các nhà phát triển chỉ cần tập trung vào chức năng và thiết kế của ứng dụng, giúp việc tạo ứng dụng lai trở nên rất dễ dàng!

Khung Expo
Tại sao nó lại hiệu quả?

Có ba lý do chính giải thích tại sao Expo lại hiệu quả.

1⃣ Có sẵn trên nhiều nền tảng với mã web
Expo giúp bạn tiết kiệm thời gian và tiền bạc bằng cách cho phép bạn xây dựng các ứng dụng chạy trên cả Android và iPhone chỉ bằng một lần phát triển.

2⃣ Bắt đầu đơn giản và nhanh chóng
Expo cung cấp một môi trường dựng sẵn để bạn có thể xây dựng ứng dụng ngay mà không cần bất kỳ thiết lập phức tạp nào.

3⃣ Dễ dàng kiểm tra và chia sẻ

Bạn có thể dễ dàng kiểm tra ứng dụng của mình trên điện thoại thông minh thực tế và xem kết quả theo thời gian thực. Đặc biệt, bạn có thể dễ dàng chia sẻ ứng dụng với bạn bè hoặc đồng nghiệp để dùng thử.

Bài giảng ứng dụng lai
Ai sẽ được hưởng lợi khi lắng nghe?

Trên thực tế, tôi đã tạo ra bài giảng này để bất kỳ ai đã từng học React hoặc Next đều phải tham gia ! Bởi vì đây là cách dễ dàng để phát triển với công nghệ mà chúng ta đã biết.

Dành cho những ai muốn học phát triển ứng dụng một cách dễ dàng bằng cách sử dụng kiến ​​thức phát triển web của họ

Bất kỳ ai có hứng thú và đam mê phát triển ứng dụng để kiếm tiền cá nhân

Tăng lương của bạn hoặc
Nhà phát triển web đang tìm kiếm sự thay đổi nghề nghiệp

Trong bài giảng này
Tôi có thể học được gì?

Bài giảng này không chỉ nói về nội dung webview đơn giản! Nó chứa nhiều nội dung chi tiết và cụ thể hơn. Sách này trình bày mọi thứ bạn cần biết về phát triển ứng dụng, từ API thiết bị sử dụng các tính năng di động đến thiết kế giao diện người dùng di động hiệu quả và hoạt ảnh trang.

[Mục tiêu của khóa học]

  • Khả năng phát triển ứng dụng IOS/AOS bằng công nghệ web


  • Khả năng thiết kế và hỗ trợ nhiều kích cỡ thiết bị khác nhau và toàn bộ khuôn khổ Expo.

  • Khả năng hiểu và tận dụng các phương pháp liên kết dữ liệu giữa web và ứng dụng

  • Khả năng sử dụng nhiều tính năng gốc như vị trí, báo động và camera

  • Khả năng hiểu đăng nhập ứng dụng và áp dụng nó để tăng cường bảo mật

  • Khả năng xem xét khả năng mở rộng và phân tách các miền giữa các menu

1. Ứng dụng lai_Expo

2. Thiết kế giao diện người dùng di động

3. Thiết kế API thiết bị

4. Chức năng của hệ thống di động

5. Chức năng báo động di động

6. Quyền ứng dụng

7. Phóng to ảnh và thu nhỏ bằng cách chụm ngón tay

8. Nút Quay lại của Android

9. Hoạt ảnh chuyển trang

10. Đăng nhập ứng dụng

11. Làm mới danh sách

12. Giao diện vi mô

Hãy xem nội dung chi tiết được trình bày trong bài giảng.
Nó chứa đầy nội dung có hệ thống nhưng thiết yếu 😀

Ứng dụng đa nền tảng và ứng dụng lai

  1. React Native và Expo

  2. Trình giả lập và Trình mô phỏng

  3. Thẻ React Native

  4. Tích hợp WebView và Next

  5. Phản hồi lỗi kết nối WebView

Thiết kế giao diện người dùng di động

  1. Ưu điểm của thiết kế UI di động và ứng dụng lai

  2. Tăng tỷ lệ UI trên thiết bị di động

  3. Tiêu đề bố cục di động

  4. Tiêu đề cục bộ và Tùy chọn Đi sâu

  5. Bố cục di động Chân trang

Thiết kế API thiết bị

  1. Gỡ lỗi WebView

  2. Chuyển dữ liệu thiết bị và WebView

  3. API thiết bị

Tính năng định vị di động và hệ thống

  1. API thông tin hệ thống thiết bị

  2. API vị trí thiết bị

  3. Tái cấu trúc tìm kiếm đối tượng thiết bị

Tính năng thông báo trên thiết bị di động

  1. Quy trình thông báo

  2. Lịch trình thông báo

  3. Nhấp vào thông báo

Quyền ứng dụng

  1. Thiết lập quyền ứng dụng

  2. Phát hiện trạng thái ứng dụng

nút quay lại android

  1. nút quay lại android

  2. useEffect và rò rỉ bộ nhớ/móc tùy chỉnh



Phóng to và thu nhỏ ảnh

  1. Xem ảnh gốc

  2. Phóng to thu nhỏ

Hoạt ảnh chuyển trang

  1. Hoạt ảnh chuyển trang

  2. Hoạt ảnh chuyển trang (quay lại)

Đăng nhập ứng dụng

  1. Đăng nhập ứng dụng

  2. Đánh cắp mã thông báo đăng nhập ứng dụng

Làm mới danh sách

  1. kéo để làm mới

Micro Frontend

  1. Micro Frontend Web

  2. Kết nối các ứng dụng Micro Frontend

Lịch báo thức

Nút quay lại Android (nhấp đúp để thoát)

Hoạt ảnh chuyển trang

kéo để làm mới

Để bạn không bỏ lỡ bất cứ điều gì
Tôi đã lên kế hoạch hết sức mình!

Khóa học này yêu cầu bạn phải có kiến ​​thức trước về Javascript và React.js hoặc Next.js! Nhưng đừng lo lắng.
Bất kể trình độ của bạn, chúng tôi đều cung cấp nội dung riêng về Javascript cốt lõi và Next.js mà bạn cần để hoàn thành khóa học này! Hãy xem mỗi loại có gì đặc biệt nhé!

Cung cấp Javascript bổ sung

  1. Mẫu chữ

  2. Đối tượng và dấu ngoặc (truy cập/tạo)

  3. Phân bổ phân hủy cấu trúc

  4. Đặt thời gian chờ

  5. Toán tử ba ngôi

  6. Các hàm mũi tên và bỏ qua trả về

  7. Toán tử Spread / Tham số REST

  8. Thoát sớm

  9. thêmEventListener

  10. Chuỗi tùy chọn

  11. JSON.stringify / JSON.parse

  12. công tắc

  13. Xóa và lấy lại khóa đối tượng

  14. Hứa

  15. không đồng bộ / chờ đợi

  16. thuộc tính viết tắt

  17. Phân tích và khởi tạo phân bổ cấu trúc

  18. thiết lập Khoảng thời gian / xóa Khoảng thời gian

  19. truy vấnSelecttor

  20. accessToken / làm mớiToken

  21. Hội đồng quản trị

Đã thêm hỗ trợ cho Next.js

  1. Mảnh vỡ

  2. sử dụngState

  3. sử dụngHiệu ứng

  4. đạo cụ

  5. những đứa trẻ

  6. Kết xuất có điều kiện

  7. sử dụngPathname

  8. sử dụng khách hàng

  9. Định tuyến động / useParams

  10. Liên kết

  11. trướcTrạng thái

  12. sử dụng máy chủ

  13. sử dụngRef

  14. Móc tùy chỉnh

  15. sử dụngRouter(router.push)

  16. sử dụngRouter(router.back)

  17. Bộ định tuyến ứng dụng / Bộ định tuyến trang

  18. Gói Webpack

Có lẽ nào, Noh Won-du
Đây có phải là lần đầu tiên của bạn không?

Tôi đã sắp xếp các từ khóa và bài đánh giá khóa học mà tôi nhận được từ Giáo sư Noh Won-du.
Phát triển như một nhà phát triển ứng dụng với Noh Won-du thông qua khóa học này 🚀

#Bài giảng thân thiện
#tỉ mỉ
#Hít thở mạnh
#Vừa vặn với tai
#nhà phát triển thực sự
#Người cố vấn của người cố vấn


#hạt cà phê
#ThíchThích

Tác giả: SS
Nếu bạn sợ những bài giảng khác sử dụng các thuật ngữ khó một cách ngắn gọn, đừng bỏ lỡ các bài giảng chất lượng cao của Noh Won-du!

Tác giả: alopp
Em thực sự yêu anh, Noh Won-du!
Thật tuyệt vời vì mọi thứ đều rất cô đọng.

Tác giả: blank
Có vẻ như đây là một bài giảng thực sự hay. Từ cơ bản đến nâng cao, mỗi phần đều được trình bày chi tiết và cô đọng để bạn có thể tự mình hiểu dễ dàng!

Tác giả: Kim Dong-eun
Thầy Noh Won luôn cải thiện chương trình giảng dạy bằng cách cung cấp những kỹ năng cần thiết nhất, cùng các ví dụ dựa trên kinh nghiệm thực tế giúp học viên dễ hiểu.

Tôi có một câu hỏi
Bạn có nó không?

H. Người chơi cần có bao nhiêu kiến ​​thức?

Khóa học này được tối ưu hóa cho những người có kiến ​​thức cơ bản về React.js hoặc Next.js.
Tuy nhiên, vì mỗi giảng viên có phong cách giải thích khác nhau và có thể có phương pháp viết mã khác nhau nên chúng tôi cung cấp các video bổ sung không chỉ đề cập đến Javascript của Noh Won-du mà còn cả nội dung cốt lõi của Next để việc học hiệu quả hơn. Vì bài giảng rất thân thiện và giải thích có hệ thống nên bạn có thể học mà không gặp khó khăn gì.

H. Thông số kỹ thuật của máy tính/máy tính xách tay là gì?

Vì ông Noh Won-du sử dụng máy Mac nên bài giảng được tiến hành trên máy Mac .
Do bản chất của ứng dụng lai, nếu bạn có máy Mac và iPhone, bạn có thể triển khai cả Android/IOS và thử nghiệm chúng thông qua trình mô phỏng. Nếu bạn có máy tính Windows và điện thoại Android, việc kiểm tra chỉ khả dụng trên Android. Nếu bạn muốn thử nghiệm iOS, bạn sẽ cần ít nhất một thiết bị iOS, ngay cả khi bạn không có máy Mac.

H. Bạn có thể cho tôi biết một số điều thực tế có thể áp dụng trong thực tế không?

Nội dung và các ví dụ thực tế trong bài giảng này dựa trên 'Solo Trip', được Noh Won-du tạo ra dưới dạng ứng dụng kết hợp và phân phối như một dịch vụ thực tế. Hiện tại, 'Solo Trip' đang tạm thời đóng cửa để cập nhật, nhưng sẽ sớm mở lại với một dự án mới. Toàn bộ chương trình giảng dạy đã được xây dựng với nội dung có thể sử dụng ngay trong các dịch vụ thực tế.

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

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

  • Dành cho những ai muốn dễ dàng phát triển ứng dụng bằng kiến thức phát triển web cơ bản

  • Dành cho những bạn có kinh nghiệm React/Next và muốn thử sức với việc phát triển ứng dụng hybrid.

  • Lập trình viên web muốn tăng lương với tư cách là nhà phát triển ứng dụng.

  • Dành cho những ai muốn xây dựng portfolio phát triển ứng dụng hybrid

Cần biết trước khi bắt đầu?

  • Cơ bản về React.js

  • Cơ bản về Next.js

  • Cơ bản về phát triển web

Xin chào
Đây là

13,497

Học viên

385

Đánh giá

200

Trả lời

4.8

Xếp hạng

12

Các khóa học

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

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

Tất cả

96 bài giảng ∙ (33giờ 23phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

4 đánh giá

4.3

4 đánh giá

  • ymyj331341님의 프로필 이미지
    ymyj331341

    Đánh giá 2

    Đánh giá trung bình 4.0

    4

    100% đã tham gia

    Đây là một bài giảng rất tỉ mỉ.

    • lgs4002님의 프로필 이미지
      lgs4002

      Đánh giá 13

      Đánh giá trung bình 4.3

      Đã chỉnh sửa

      3

      49% đã tham gia

      Tôi đã xem những phần cần thiết nhưng cảm thấy hơi tiếc.

      • dnjstl3213509님의 프로필 이미지
        dnjstl3213509

        Đánh giá 1

        Đánh giá trung bình 5.0

        5

        10% đã tham gia

        • doomco07님의 프로필 이미지
          doomco07

          Đánh giá 28

          Đánh giá trung bình 5.0

          5

          5% đã tham gia

          Thấy khóa học này đáng tiền, nên tôi đã thử mua trước.

          1.016.403 ₫

          Khóa học khác của codecamp

          Hãy khám phá các khóa học khác của giảng viê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!