Features
Features:

Product Tour >

Edraw AI >

Paid Plans:

Individuals >

Business >

Eduaction >
Resources
Blog

History

How-tos & Tips

Discovery

Biography

Business Analysis

Examples

AI concept Map

Free AI Mind Map Generator

Onenote Mind Map

Bcg Matrix Examples

Nike Marketing Strategy

Unilever SWOT Analysis

Make Mind Maps in Google Docs

Guide

FAQs

What's New

Resource Center
Templates
All Templates

Brain Storming Templates

Strategy and Planning Templates

Project Management Templates

Product Management Templates

Human Resources Templates

Agile Workflow Templates

Marketing Templates

Education Templates

Fun and Games Templates

User Gallery
Download
Pricing
Enterprise

MindMap Gallery Module 1: Các Chủ Đề Cơ Bản trong Lập Trình Web

Module 1: Các Chủ Đề Cơ Bản trong Lập Trình Web

Mind map này tổng hợp các chủ đề cơ bản trong Module 1 của khóa học lập trình web, bao gồm Pseudo-code và flowchart, Git & HTML, Form & Table, JavaScript, biến, kiểu dữ liệu, toán tử, câu trúc điều kiện và câu trúc lặp. Mỗi chủ đề được phân tích chi tiết với các khái niệm, cú pháp và ví dụ minh họa. Điều này giúp học viên nắm vững các kiến thức nền tảng cần thiết trước khi tiến hành lập trình thực tế.

Edited at 2022-11-27 14:52:19

Quỳnh Hoàng

Recent works View more works>>

Module 1: Các Chủ Đề Cơ Bản trong Lập Trình Web
Mind map này tổng hợp các chủ đề cơ bản trong Module 1 của khóa học lập trình web, bao gồm Pseudo-code và flowchart, Git & HTML, Form & Table, JavaScript, biến, kiểu dữ liệu, toán tử, câu trúc điều kiện và câu trúc lặp. Mỗi chủ đề được phân tích chi tiết với các khái niệm, cú pháp và ví dụ minh họa. Điều này giúp học viên nắm vững các kiến thức nền tảng cần thiết trước khi tiến hành lập trình thực tế.

Module 1: Các Chủ Đề Cơ Bản trong Lập Trình Web

Quỳnh Hoàng

Recent works View more works>>

Module 1: Các Chủ Đề Cơ Bản trong Lập Trình Web
Mind map này tổng hợp các chủ đề cơ bản trong Module 1 của khóa học lập trình web, bao gồm Pseudo-code và flowchart, Git & HTML, Form & Table, JavaScript, biến, kiểu dữ liệu, toán tử, câu trúc điều kiện và câu trúc lặp. Mỗi chủ đề được phân tích chi tiết với các khái niệm, cú pháp và ví dụ minh họa. Điều này giúp học viên nắm vững các kiến thức nền tảng cần thiết trước khi tiến hành lập trình thực tế.

Recommended to you
Outline

40k classes
- 2.4k
- 4
- 1
Oliveettom
Cisco IOS interface
- 691
- 6
Roy Mustang
application development and deployment
- 1.1k
- 18
- 2
Roy Mustang
Data Sanitization Tools
- 468
- 4
Roy Mustang
DATA COLLECTION MEASURES
- 779
- 6
- 1
Roy Mustang
Android
- 534
- 2
- 1
Roy Mustang
Java Training
- 2.0k
- 19
- 3
Roy Mustang
Active reading techniques
- 696
- 5
- 3
Study Smarter
Classification of visual languages
- 448
- 3
Study Smarter
Game Theory
- 1.8k
- 18
- 2
Fiona_

Module 1

1. Pseudo-code và flowchart

Pseudo - code (Mã giả)

Ngôn ngữ tự nhiên được viêt bằng Tiếng Anh

Flowchart (Lưu đồ)

Sử dụng hình vẽ để diễn đạt chương trình

Biểu tượng: - Elipse: Begin/End - Hình bình hành: input/output - Hình chữ nhật: Những bước tính toán - Hình thoi: if else

2. Git & HTML

Git

Git là hệ thống quản lý mã nguồn phân tán: + Dùng cộng tác với nhau trong dự án + Giải quyết các mâu thuẫn khi chỉnh sửa cùng 1 file

Các câu lệnh cơ bản

git clone:Sao chép một repository

git init: Khởi tạo một repository

git add: Thêm file vào local repository

git commit: Thực hiên lưu file và ghi lại lịch sử ở snapshort

git push: Đẩy file từ local repository (folder ở máy tính) lên remote repository (github)

Github dùng để quản lý mã nguồn online

HTML

=Hyper Text Markup Language (Ngôn ngữ đánh dấu siêu văn bản)

Cấu trúc của thẻ HTML: 1. <!DOCTYPE>: Khai báo phiên bản 2. <head>: Khai báo tên, nhúng JS, CSS 3. <body>: trình bày nội dung, giao diện web

Thẻ cơ bản

Tiêu đề

Tạo văn bản

<p>: xuống dòng

<span>: không xuống dòng

+ <br>: Ngắt dòng + <hr>: Tạo đường ngang

Tạo liên kết

<a>

Tạo danh sách

<ul>:unordered list - Không được sắp xếp theo thứ tự -Được đánh dấu bằng ký tự.

<ol>: ordered list - Sắp xếp theo thứ tự. - Hiển thi bằng số hoặc chữ cái.

3.Form & Table

Form

Mục đích: Sử dụng để nhập thông tin, thông tin được gửi đến server.

Thẻ cơ bản

<div></div> <label for =''></label>:dễ di chuyển chọn <input text>: nhập văn bản <input radio>: chọn 1 giá trị <input checkbox>: chọn nhiều giá trị <input date> : chọn ngày

Ý nghĩa thuộc tính:

Action: đường dẫn đến URL

Name: tên của form.

Method: get/post

Get: - Hiển thị dữ liệu ở URL - Kém bảo mật - Dữ liệu gửi đi theo dạng text(văn bản).:

Post: - Dữ liệu được gửi đi KHÔNG hiển thị dữ liệu ở URL - Bảo mật hơn - Đa dạng kiểu dữ liệu gửi đi (văn bản, âm thanh,hình ảnh).

Table

Mục đích: Hiển thị thông tin ở dạng bảng

Các thẻ tạo nên table: • <table>: Khai báo một bảng • <tr>: Khai báo một dòng (table row) • <th>: Khai báo một ô tiêu đề (table head) • <td>: Khai báo một ô dữ liệu (table data)

Phân biệt: <th> và <td> <th> in đậm căn giữa <td> viết thường, căn trái

4.JavaScrip

Ngôn ngữ lập trình hướng sự kiện được sử dụng nhiều trong website. - Thay đổi nội dung. - Thay đổi giao diện. - Tăng tính tương tác.

Hàm nhập: prompt, confirm Hàm xuất: alert, console.log, document.write

3 cách nhúng JS

Viết trực tiếp mã JS trong thẻ HTML

Thẻ script trong HTML

Sử dụng file .js và nhúng vào HTML

1 vài câu lệnh và quy tắc đặt tên file

Câu lệnh: - innerText: định dạng theo văn bản - innerHTML: định dạng theo HTML

Quy tắc đặt tên: - Chữ cái thường từ a-z. - Không có dấu cách, các từ cách nhau bằng dấu _; - Không kí tự đặc biệt - Tên ngắn gọn, dễ hiểu.

Debug: quá trình tìm kiếm và sửa lỗi trong một chương trình

7. Cấu trúc lặp

Khái niệm: cho phép thực hiện 1 khối lệnh lặp đi lặp lại nhiều lần dựa vào 1 điều kiện cho trước

Các loại vòng lặp

for: biết trước số lần lặp

while: không biết trước số lần lặp.

do_while: không biết trước số lần lặp, chạy trước ít nhất 1 lần dù điều kiện sai

6. Cấu trúc điều kiện

Câu lệnh điều khiển

Khái niệm: Thay đổi luồng thực thi của 1 chương trình bằng cách sử dụng câu lệnh điều khiển

Các câu lệnh điều khiển

Câu lệnh điều kiện= câu lệnh ra quyết định. -Lựa chọn 1 khối lệnh dựa vào 1 điều kiện cho trước

if if(condition){ } trả về dạng boolean

if, else if (condition){ //true }else //false

If lồng nhau: if lồng trong if else

else if (if bậc thang) if (condition1){ // }else if (condition 2){ // }else{ }

switch case switch (biểu thức){ case 1: break; case 2: break; defaul: }

Câu lệnh lặp

Câu lệnh nhảy: break, continue, return

Toán tử 3 ngôi

Toán tử 3 ngôi (biểu thức điều kiện) đánh giá một biểu thức dựa vào 1 điều kiện cho trước. Cú pháp: condition ? true_case: false_case

5. Biến, Kiểu dữ liệu, toán tử

Biến

Khái niệm: tên gọi được gắn cho vùng nhớ chứa dữ liệu. + Dữ liệu được lưu trữ trong vùng nhớ của biến -> value + Có thể lấy, gán hoặc thay đổi giá trị của biến. + Khai báo biến trước khi sử dụng

Khai báo biến: let/ var/ const variableName = value.

let: - Không khai báo lại được - Không có cơ chế hoisting - block scope (phạm vi tác dụng trong 1 khối lệnh)

var: - Có thể khai báo lại - Có cơ chế hoisting (sử dụng trước, khai báo sau) - Function scope (phạm vi tác dụng trong 1 function

const: Giống let nhưng không thể thay đổi vùng nhớ của biến.

Phạm vi biến: - Biến cục bộ (local scope): khai báo bên trong hàm - Biến toàn cục (global scope): khai báo ngoài hàm

Quy tắc đặt tên

- camelCase

- bắt đầu chữ cái hoặc _, $

- JS phân biệt chữ hoa và thường

Kiểu dữ liệu

- String: Khai báo chuỗi - Number: khai báo dạng số - Boolean: true & false - Underfiled: 1 biến chưa gán giá trị. - Null: không chứa giá trị nào (object) - Dữ liệu tham chiếu (object) - Symbol

Toán tử

-Số học: +, -, *, /,% -So sánh: <,>,>=,<=,==,===,!=,!==. - Logic: &&, ||, ! - Gán: +=, -=, *=, /=, %=, = - Cộng chuỗi: - typeOf - bit...

Độ ưu tiên: Số học (cộng chuỗi) -> so sánh -> logic -> gán

note: ==: ss giá trị ===: ss giá trị & biểu thức !=: chuyển đổi dữ liệu. Not Equal” (không bằng) -> True, equality trả về False !==: không chuyển đổi dữ liệu. Strictly Not Equal” (không bằng chính xác) ->True, strict equality ->False