LẬP TRÌNH MOBILE WEBSITE APP

"Con mình từ nhỏ đã khá rụt rè so với các bạn tuy nhiên kể từ khi cho bé tham gia lớp học lập trình thì thấy con tự tin hẳn lên. Mình có hỏi ở TEKY con được học gì thì con bảo là được học về lập trình cùng các bạn, được thuyết trình bài tập nhóm,... Mình cảm thấy rất vui vì con có những thay đổi tích cực này." - Phụ huynh Nguyễn Minh Ngọc chia sẻ
Mô tả khoá học
  • Xây dựng các ứng dụng trên Desktop và Mobile bằng công nghệ Web (Html/Css/Javascript)
Học sinh học được những gì
Phát triển Tư Duy & Khái niệm
  • Hiện thực hóa thiết Web trên Mocking Bot bằng Html/Css.
  • Nâng cao kiến thức thẩm mỹ thông qua kiến thức về Bánh xe màu / Bảng màu.
  • Ứng dụng ngôn ngữ Javascript để tạo sự tương tác với trang Web.
  • Ứng dụng công nghệ Web (Html/Css/Javascript) để xây dựng trang Web đơn giản.
  • Ứng dụng các framework để xây dựng ứng dụng Web có mức độ phức tạp và hoàn thiện cao hơn.
Kiến thức
  • Kiến thức thẩm mĩ về màu sắc qua cách sử dụng Bánh xe màu / Bảng màu, các khái niệm cơ bản về kinh doanh (ý tưởng/sản phẩm kinh doanh, chi phí, giá...)
  • Sử dụng kiến thức về Html/Css cơ bản để hiện thực hóa thiết kế giao diện trên Mocking Bot thành trang web tĩnh thực tế.
  • Nắm được các khái niệm cơ bản trong ngôn ngữ Javascript và có thể xử lý các sự kiện cơ bản trên trang web với Javascript. (nhấn nút, di chuyển chuột)
  • Phân tích một trang web bất kỳ để học cách thiết kế, biết cách thiết kế trang web responsive, nắm được các khái niệm nâng cao trong trong ngôn ngữ Javascript (vòng lặp, object, arrow function,...) và tạo được khối chức năng nâng cao cho ứng dụng của mình.
  • Áp dụng Vue Animation để hoàn thiện trải nghiệm người dùng trong ứng dụng, cũng như Vuex để quản lý trạng thái các component trong Vue, từ đó làm ra sản phẩm có độ phức tạp và tính hoàn thiện cao.
Phát triển Kỹ năng phần cứng, phần mềm
  • Thiết kế giao diện ứng dụng Web với phần mềm Mocking Bot.
  • Lập trình chức năng ứng dụng trên ứng dụng Codepen Online, phần mềm Visual Studio Code / ứng dụng Code Sandbox Online.
  • Sử dụng ứng dụng Monaca để xây dựng Mobile App từ một trang Web.
  • Sử dụng Vue Devtools để phân tích và sửa lỗi trong ứng dụng Web.
Kỹ năng của thế kỷ 21
  • Kỹ năng phân tích yêu cầu
  • Kỹ năng lập kế hoạch dự án
  • Kỹ năng xây dựng nội dung
  • Kỹ năng phân tích đánh giá website
  • Kỹ năng giao tiếp (Communication) Qua hoạt động trình bày, truyền đạt ý tưởng dưới dạng nói và viết
  • Tư duy phản biện (Critical Thinking) Với việc tự tin nói lên quan điểm và các lập luận cá nhân.
  • Năng lực sáng tạo (Creativity) Thông qua sáng tạo sản phẩm mới mẻ và hiện thực hoá, học sinh được đóng nhiều vai trò của lập trình viên, nhà sản xuất, người kể chuyện, nhà thiết kế, nhà soạn nhạc
  • Kỹ năng hợp tác (Collaboration) Thông qua việc chia sẻ hiểu biết cho nhau, cộng tác, làm việc theo nhóm, hợp tác hoặc phản biện để nâng cao hiệu quả.
Xem toàn bộ Ẩn đi
Thiết bị học tập
Nguyên tắc giảng dạy tại Teky
  • Lớp học tiêu chuẩn 8 học sinh 1 giảng viên

    Nhằm gia tăng hiệu quả học tập

  • Mô hình học tập theo dự án (Project Based Learning)

    Sản phẩm được dựa trên các vấn đề và thực tế cuộc sống, hiện thực hoá từ ý tưởng thành sản phẩm.

  • Lấy học sinh làm trọng tâm

    Giáo viên đóng vai trò là huấn luyện viên, theo sát năng lực học tập của từng học sinh.

  • Tích hợp kỹ năng 4C (Communication - Critical Thinking - Creativity - Collaboration)

    Trong hoạt động của mọi lớp học, giờ học.

Nội dung chương trình học
Học phần
  • 1 LEVEL 1 12 Bài - 24 giờ
    • Học viên biết cách sử dụng các chức năng cơ bản trên Mocking Bot để thiết kế một giao diện web đơn giản.

      02:00
    • Học viên chuyển tải một phần nội dung thiết kế ở Bài 1 thành nội dung trên trang "Simple About Me.html" với Notepad++.

      02:00
    • Học viên sử dụng các kiến thức căn bản về hiệu chỉnh text trong file Html bằng Css để tạo ra một đoạn ký tự ngắn mà mỗi từ trông như cắt từ một mảnh báo.

      02:00
    • Học viên thiết kế một đoạn truyện tranh ngắn trên Mocking Bot, lấy các thông số thiết kế để định dạng trang Html bằng kiến thức CSS cơ bản.

      02:00
    • Học viên nắm được quy tắc phối màu và mã màu và áp dụng vào thiết kế giao diện với Mocking Bot.

      02:00
    • Học viên thiết kế được mẫu thiệp "Happy Christmas!" trên Mocking Bot, lấy các thông số thiết kế để định dạng trang Html bằng kiến thức CSS cơ bản.

      02:00
    • Học viên thiết kế được mẫu thiệp "Happy Christmas!" trên Mocking Bot, lấy các thông số thiết kế để định dạng trang Html bằng kiến thức CSS cơ bản.

      02:00
    • Học viên thiết kế các căn phòng khác nhau trong cùng một căn nhà và kết nối các phòng với nhau bằng Mocking Bot, lấy thông số thiết kế để tạo ra sản phẩm tương tự bằng Html và Css.

      02:00
    • Học viên thiết kế một trang web tạp chí gồm nhiều hơn 2 trang, lấy các thông số thiết kế để định dạng trang Html tương ứng bằng kiến thức CSS.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html và Css đã học từ Bài 1 đến Bài 9 để hoàn thành sản phẩm "About Me Page" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html và Css đã học từ Bài 1 đến Bài 9 để hoàn thành sản phẩm "About Me Page" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html và Css đã học từ Bài 1 đến Bài 9 để hoàn thành sản phẩm "About Me Page" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
  • 2 LEVEL 2 12 Bài - 24 giờ
    • Học viên hiểu về khả năng của Javascript thông qua các ví dụ đơn giản và biết cách chèn Javascript vào một trang Web.

      02:00
    • Học viên biết cách đọc và thay đổi giá trị, thuộc tính của các element trên một trang web với Javascript.

      02:00
    • Học viên nắm được cách viết một câu lệnh hoặc một block lệnh trong Javascript.

      02:00
    • Học viên nắm được các phép toàn cơ bản cũng như cách khai báo biến, hằng trong Javascript.

      02:00
    • Học viên nắm được cách tra cứu loại dữ liệu, chuyển đổi dữ liệu và thực hiện các phép toán nâng cao trong Javascript.

      02:00
    • Học viên ôn tập toàn bộ kiến thức đã học từ Bài 1 đến Bài 5 thông qua các câu hỏi trắc nghiệm.

      02:00
    • Học viên có thể phân biệt và sử dụng các lệnh "alert", "prompt", "confirm" để thông báo và nhận dữ liệu nhập vào từ người sử dụng.

      02:00
    • Học viên biết cách binding một sự kiện diễn ra trên trang Web với một đoạn script và xử lý sự kiện với đoạn script đó.

      02:00
    • Học viên có thể dự đoán được kết quả của một phép so sánh trong Javascript cũng như biết cách sử dụng câu lệnh If.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html, Css và kiến thức lập trình Javascript đã học để hoàn thành sản phẩm "My Calculator" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html, Css và kiến thức lập trình Javascript đã học để hoàn thành sản phẩm "My Calculator" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html, Css và kiến thức lập trình Javascript đã học để hoàn thành sản phẩm "My Calculator" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
  • 3 LEVEL 3 12 Bài - 24 giờ
    • Học viên xác định được ý tưởng kinh doanh, sản phẩm kinh doanh; xác định được thành phần cơ bản của một trang Web bán hàng và có thể "soi" một trang web bất kì bằng công cụ "inspect" của trình duyệt Chrome.

      02:00
    • Thiết kế được giao diện trang web bán hàng của mình trên giấy và nắm được những chức năng cần thiết tương ứng với giao diện.

      02:00
    • Nắm được cách thực tạo Responsive Layout và áp dụng vào trang web của mình.

      02:00
    • Nắm được cách "inspect" một trang Web thông qua trình duyệt Chrome cùng kiến thức về lựa chọn và thay đổi HTML DOM nâng cao.

      02:00
    • Nắm được các kiến thức cơ bản về loop, object, cách lựa chọn DOM và thay đổi thuộc tính DOM bằng Javascript. Từ đó, áp dụng vào xử lý sự kiện nhấn nút "Add To Cart".

      02:00
    • Nắm được các kiến thức cơ bản về array và cách thao tác với array cũng như có thể tạo mới một Html component với Html template từ Javascript. Từ đó, áp dụng vào xử lý sự kiện nhấn nút "Add To Cart".

      02:00
    • Nắm được cách thêm CSS vào HTML String Template, cách xóa một DOM dùng javascript. Từ đó, áp dụng vào xử lý sự kiện thêm / bớt sản phẩm cùng loại trong giỏ hàng.

      02:00
    • Nắm được cách sử dụng Local Storage để lưu trữ thông tin cục bộ của trang web trên trình duyệt. Từ đó áp dụng vào lưu trữ thông tin của giỏ hàng, tránh tình trạng thông tin giỏ hàng bị mất khi refresh trang.

      02:00
    • Áp dụng các kiến thức đã học ở các bài trước trong xây dựng các tính năng liên quan.

      02:00
    • Áp dụng các kiến thức đã học ở các bài trước trong xây dựng các tính năng liên quan.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html và Css và kiến thức lập trình với Javascript đã học để hoàn thành sản phẩm "My Shopping Page" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế trên Mocking Bot, Html và Css và kiến thức lập trình với Javascript đã học để hoàn thành sản phẩm "My Shopping Page" mang đậm phong cách cá nhân và chia sẻ thành công sản phẩm của mình ở cuối level.

      02:00
  • 4 LEVEL 4 12 Bài - 24 giờ
    • Học viên nắm được các khái niệm cơ bản về framework Vue (Vue instance, Vue template syntax, Vue expresion, 2-way data binding, Mustache syntax), các ưu điểm của Vue và áp dụng các kiến thức này vào thực tế.

      02:00
    • Học viên làm quen với một số Component, Style & Identity trong framework Quasar và dùng kiến thức này để thiết kế giao diện ứng dụng theo chủ đề được giao.

      02:00
    • Học viên nắm được khái niệm về Method và Computed Properties trong Vue cũng như biết cách sử dụng v-on để liên kết sự kiện click một button với một function trong Vue method.

      02:00
    • Học viên luyện tập sử dụng một số Component, Style & Identity trong framework Quasar để thiết kế giao diện ứng dụng theo chủ đề được giao cũng như nắm được khái niệm về vòng lặp với v-for trong Vue .

      02:00
    • Học viên nắm được khái niệm về Class Binding và Attribute Binding với v-bind trong Vue

      02:00
    • Học viên nắm được khái niệm về 2-way binding với v-model trong Vue.

      02:00
    • Học viên nắm được cách render DOM theo điều kiện với v-if v-show v-else trong Vue.

      02:00
    • Học viên nắm được cách test và build ứng dụng của mình tương ứng với hệ điều hành Android hoặc IOS.

      02:00
    • "- Học viên áp dụng được các kiến thức về thiết kế giao diện App với Quasar và lập trình Javascript cùng Vue để hoàn thành sản phẩm ""Task Management App"". - App có giao diện thân thiện, chạy trực tiếp trên thiết bị di động Android/IOS. "

      02:00
    • "- Học viên áp dụng được các kiến thức về thiết kế giao diện App với Quasar và lập trình Javascript cùng Vue để hoàn thành sản phẩm ""Task Management App"". - App có giao diện thân thiện, chạy trực tiếp trên thiết bị di động Android/IOS. "

      02:00
    • "- Học viên áp dụng được các kiến thức về thiết kế giao diện App với Quasar và lập trình Javascript cùng Vue để hoàn thành sản phẩm ""Task Management App"". - App có giao diện thân thiện, chạy trực tiếp trên thiết bị di động Android/IOS. "

      02:00
    • Bài 11 – Dự án cuối khóa: Task Management App

      02:00
  • 5 LEVEL 5 12 Bài - 24 giờ
    • Học viên nắm được cách tạo & sử dụng Component.

      02:00
    • Học viên nắm được cách tái sử dụng Component với Props.

      02:00
    • Học viên biết cách chuyển thông tin từ một component sang component cha hoặc một component khác cùng cấp.

      02:00
    • Học viên nắm được cách tái sử dụng Component với Slot.

      02:00
    • Học viên nắm được các quy tắc đặt tên Component và áp dụng nó để chỉnh lại các bài cũ.

      02:00
    • Học viên nắm được cách sử dụng Vue Resource để "GET/PUT" dữ liệu từ API / Online Database cho ứng dụng của mình.

      02:00
    • Học viên biết cách binding và đồng bộ hóa dữ liệu trên ứng dụng của mình và Firebase Realtime Database.

      02:00
    • Học viên nắm được cách sử dụng Quasar CLI để viết chương trình và compile thành ứng dụng trên máy tính / điện thoại.

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế giao diện App với Quasar và lập trình Javascript cùng Vue để hoàn thành sản phẩm ""CookPad Mobile"" theo component được giao. App có giao diện thân thiện, chạy trực tiếp trên thiết bị di động Android/IOS cũng như trên máy tính."

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế giao diện App với Quasar và lập trình Javascript cùng Vue để hoàn thành sản phẩm ""CookPad Mobile"" theo component được giao. App có giao diện thân thiện, chạy trực tiếp trên thiết bị di động Android/IOS cũng như trên máy tính."

      02:00
    • Học viên áp dụng được các kiến thức về thiết kế giao diện App với Quasar và lập trình Javascript cùng Vue để hoàn thành sản phẩm ""CookPad Mobile"" theo component được giao. App có giao diện thân thiện, chạy trực tiếp trên thiết bị di động Android/IOS cũng như trên máy tính."

      02:00
    • Học viên chia sẻ thành công sản phẩm của mình ở buổi chia sẻ cuối level.

      02:00
Hình ảnh lớp học