Atom, molecule, organism, template, và page là những khái niệm chính của phương pháp Atomic này.
Đây là một trong những cách tiếp cận để thiết kế một system. Tác giả của structure này là Brad Frost, ám ảnh bởi một thạc sĩ hóa học người Việt Nam (chắc dạy ở Mỹ), dạy môn hóa học khi anh này đang học cấp II.
Lấy ý tưởng nguyên tử hóa học, sự kết hợp giữa các nguyên tử tạo ra một phân tử, kết hợp các phân tử lại tạo thành 1 sinh vật
Những khái niệm chính của Atomic
- Atom nguyên tử (nguyên tố), đơn vị nhỏ nhất
- Molecule do 2 nguyên tử trở lên hợp lại tạo thành, những phân tử hóa học như H2O được cấu thành từ nguyên tử Hidro và Oxy
- Organism là sự kết hợp của nhiều phân tử tạo thành
Chúng ta đã biết bảng tuần hoàn hóa học, thứ ám ảnh thời học sinh
Thì lớn lên chúng ta có bảng tuần hoàn HTML, ám ảnh thời web developer
Sự kết hợp của các element chúng ta tạo ra những trang web khác nhau (Organism)
Ngoài 3 khái niệm chính trên của hóa học, tác giả đưa thêm 2 khái niệm vào của dân web chúng ta
- Template
- Page
Atom
Những element nhỏ nhất trong giao diện, đó chính là các thẻ html
<input /> <label /> <button />
Molecule
Trong lập trình chúng ta thường gọi nó là component, thí dụ như search component sẽ bao gồm label, input, button
Organism
Một component có ô search, có thanh navigation, logo, đố bạn đó là gì? Header
Tất nhiên header cũng có thể có nhiều component khác
Một component có thể gọi là Organism có thể bao gồm nhiều component lặp lại như danh sách sản phẩm, bài viết
Template
Giờ tới khái niệm mà tất cả anh em làm web chúng ta điều biết
Template là page nhưng ở dạng skeleton, chúng ta chưa tô vẽ gì cụ thể, nó như một cái rập, chúng ta dùng để đập ra vài trăm bộ đồ.
Page
Page là một một UI hoàn chỉnh với nội dung, hình ảnh, logic có đầy đủ hết rồi
Một illustration tổng quát
Bài viết gốc được đăng tải tại Vuilaptrinh
How do you sum odd numbers in python?
You can use the built-in sum() function like this:num = int(input(Insert number: )) s = sum(range(1, num+1, 2)) range() takes start (inclusive), end (exclusive), and step (In our case: start=1, ...
Hướng dẫn dùng np cos python
Nội dung chínhPython Numpy là gì?NumPy ArrayNumpy cài đặt như thế nào?Multi-dimensional numPy array là gì?Python NumPy Array v/s ListPython NumPy OperationsTham khảoPython Numpy là ...
Hướng dẫn python webbrowser click button
I currently have a script that logs me into a website and I want to have it click a button on the website if it is currently not clicked. Here is the info for the button:Nội dung chính Not the ...
Hướng dẫn swapcase() trong python
Hàm swapcase() trong Python trả về một bản sao của chuỗi ban đầu sau khi đã đảo ngược chữ hoa thành chữ thường và chữ thường thành chữ hoa của tất cả ...
Hướng dẫn lệnh end trong python
Theo mặc định, hàm print() của python kết thúc bằng một dòng mới. Một lập trình viên trên nền tảng C/C ++ có thể tự hỏi làm thế nào để in mà không ...
Hướng dẫn dùng call len python
Đã đăng vào thg 12 30, 2016 8:19 SA 2 phút đọc Một ngày đẹp trời nào đó bạn gặp dự án mà khách hàng yêu cầu làm call-center chẳng hạn thì chắc hẳn có vô ...
Hướng dẫn python f-string hex
Hướng dẫn x 5 pythonIn the following examples, input and output are distinguished by the presence or absence of prompts (>>> and …): to repeat the example, you must type everything ...
Hướng dẫn lập trình bằng python
Python hiện là một trong những ngôn ngữ lập trình phổ biến nhất thế giới. Python đặc biệt phổ biến trong cộng đồng nghiên cứu. Tuy vậy Python không bị ...
Hướng dẫn check positive integer python
Asked 7 years, 11 months agoViewed 99k times I need to check whether what the user entered is positive. If it is not I need to print an error in the form of a msgbox.number = input(Enter a number: ...
Hướng dẫn dùng request response python
Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article) Requests là một mô-đun Python mà bạn có thể sử dụng để gửi tất cả các ...
Can we use special characters in python?
The characters which have some unique functionality, such characters are called special characters.List of Python special/escape characters:n - Newlinet- Horizontal tabr- Carriage returnb- ...
Hướng dẫn np.dot trong python
Mô-đun numpy của Python cung cấp một hàm để thực hiện tích vô hướng của hai mảng.Các bài viết liên quan:Nếu cả hai mảng ‘a’ và ‘b’ đều là mảng 1 ...
Hướng dẫn dùng list for python
Mục lục Nhóm phát triển của chúng tôi vừa ra mắt website langlearning.net học tiếng Anh, Nga, Đức, Pháp, Việt, Trung, Hàn, Nhật, ... miễn phí cho tất cả mọi ...
Hướng dẫn integral in python
View DiscussionImprove ArticleSave ArticleReadDiscussView DiscussionImprove ArticleSave ArticleDefinite integrals are the extension after indefinite integrals, definite integrals have limits [a, b]. ...
Hướng dẫn dùng mongodb free python
Tiếp tục series lập trình Python 3, hôm nay vinasupport sẽ hướng dẫn các bận cách kết nối tới CSDL MongoDB bằng Python 3.Các bài viết nên tham khảo trước:MongoDB ...
Hướng dẫn isalnum python
Hàm index() trong Python Hàm isalpha() trong Python Hàm isalnum() trong Python trả về true nếu chuỗi có ít nhất một ký tự và tất cả ký tự là chữ hoặc số. Nếu ...
Hướng dẫn __call php
Bài trước chúng ta đã được tìm hiểu về magic methods tác động đến thuộc tính rồi, và trong PHP cũng có 2 magic methods hỗ trợ tác động đến phương ...
Hướng dẫn dùng random meaning python
Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article) Sự ngẫu nhiên luôn xảy ra ở xung quanh chúng ta. Khi bạn tung một đồng xu ...
Hướng dẫn dùng fuc .com python
Python hiện là một trong những ngôn ngữ lập trình phổ biến nhất thế giới. Python đặc biệt phổ biến trong cộng đồng nghiên cứu. Tuy vậy Python không bị ...
Hướng dẫn python class contains
Hàm find() trong Python xác định xem chuỗi str có xuất hiện trong chuỗi string hoặc chuỗi con đã cho của string (nếu bạn cung cấp chỉ mục bắt đầu beg và chỉ ...
Hướng dẫn dùng regex meanings python
Nội dung chính2. Regex là gì?2. Regex trong Python.3. Sử dụng Regex với search(), match(), split()3.1 re.match()3.2 re.search()3.3 Một số flag hay dùng trong Regular Expression4. ...
Hướng dẫn dùng text inverter python
Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article) Requests là một mô-đun Python mà bạn có thể sử dụng để gửi tất cả các ...
Hướng dẫn dùng sets intersection python
Trong bài này chúng ta sẽ tìm hiểu phương thức Set intersection() trong Python, phương thức này dùng để lấy kết quả từ phép giao của nhiều tập hơn (Set).Bài ...
Hướng dẫn dùng dataframe.drop python
Hướng dẫn Python này giải thích, Cách sử dụng hàm Pandas drop () trong Python, các ví dụ khác nhau về hàm thả gấu trúc trong Python. Đây Hướng dẫn Python là ...
Hướng dẫn round python
Hàm round() trong Python làm tròn x về n chữ số sau dấu thập phân. Python làm tròn theo cách sau: round(0.5) là 1.0 và round(-0.5) là -1.0Cú phápCú pháp của round() trong ...
Hướng dẫn dùng astype int python
Hàm DataFrame.astype () được sử dụng để ép kiểu dữ liệu cột (dtype) trong đối tượng gấu trúc, nó hỗ trợ String, flat, date, int, datetime bất kỳ kiểu dữ ...
Hướng dẫn ép kiểu trong python
Trong bài này mình sẽ hướng dẫn các bạn cách chuyển đổi và ép kiểu trong Python, đây là thao tác thường được sử dụng trong thực tế khi làm việc với ...
Hướng dẫn dùng casting python
Specify a Variable TypeThere may be times when you want to specify a type on to a variable. This can be done with casting. Python is an object-orientated language, and as such it uses classes to ...
Hướng dẫn dùng pip download python
Trong bài này mình sẽ hướng dẫn các bạn cách cài đặt package Python với pip, đây là lệnh giúp bạn install package, update package trong Python một cách dễ dàng.Bài ...
Hướng dẫn dùng np.asarray python
Nội dung chínhPython Numpy là gì?NumPy ArrayNumpy cài đặt như thế nào?Multi-dimensional numPy array là gì?Python NumPy Array v/s ListPython NumPy OperationsTham khảoPython Numpy là ...
Hướng dẫn tabs in python
Hàm expandtabs() trong Python mở rộng các tab trong chuỗi tới số khoảng trống đã cho; mặc định là 8 space cho mỗi tab nếu bạn không cung cấp tabsize. Trả về một ...
Hướng dẫn dùng python .format python
Hướng dẫn cách định dạng chuỗi trong python bằng phương thức format(). Đây là phương thức được tích hợp từ Python 2.6, nhằm giúp việc định dạng chuỗi ...
Hướng dẫn dùng python write python
Nhóm phát triển của chúng tôi vừa ra mắt website langlearning.net học tiếng Anh, Nga, Đức, Pháp, Việt, Trung, Hàn, Nhật, ... miễn phí cho tất cả mọi người. Là ...
Hướng dẫn dùng compre meaning python
1. Giới thiệu về ComprehensionsPython là ngôn ngữ lập trình rất linh hoạt và thanh lịch. Nó cho phép chúng ta làm được rất nhiều việc chỉ với một số ít ...
Hướng dẫn dùng np square python
Python numpy.sqrt() được sử dụng để trả về căn bậc hai không âm của một phần tử mảng (cho mỗi phần tử của mảng). Trong bài viết này, tôi sẽ giải ...