Frontend tutorials

HyperText Markup Language (HTML)

• Overview: The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
• Source code demo: HTML tutorial
• Document References:
  1. HTML Wikipedia English | HTML Wikipedia Vietnamese
  2. HTML W3Schools | HTML freeCodeCamp video

Cascading Style Sheets (CSS)

• Overview: Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
• Source code demo: CSS tutorial
• Document References:
  1. CSS Wikipedia English | CSS Wikipedia Vietnamese
  2. CSS W3Schools | CSS freeCodeCamp video

Javascript

• Overview: JavaScript is a high-level, often just-in-time compiled language that conforms to the ECMAScript standard. It has dynamic typing, prototype-based object-orientation, and first-class functions. It is multi-paradigm, supporting event-driven, functional, and imperative programming styles. It has application programming interfaces (APIs) for working with text, dates, regular expressions, standard data structures, and the Document Object Model (DOM).
  
  (JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web (phía người dùng) cũng như phía máy chủ (với Nodejs). Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript. Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java. .js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript.)
• Source code demo:
  1. Javascript tutorial | Custom Toast Message
  2. Music player webapp | Form Validation | TabsUI
• Document References:
  1. Javascript Wikipedia English | Javascript Wikipedia Vietnamese
  2. Javascript W3Schools | Javascript freeCodeCamp
  3. JS video tutorials by Vietnamese: Basic | Advanced

Shopping WebApplication

(Developing...)

ReactJS tutorials

1. React, React-DOM See detail
2. JSX, Components, Props See detail
   • What is JSX?
   • React element types
   • What are props? When to use props?
   • DOM events?
   • Children props? Render props?
3. Create React App See detail
   • What is NodeJS?
   • React + Webpack
4. Hooks See detail
   • What is Hooks?
   • useState hook
   • useEffect hook: useEffect(callback) | useEffect(callback, []) | useEffect(callback, [dependencies])
   • useLayoutEffect hook
   • useRef hook
   • useCallback hook
5. CSS, SCSS, CSS modules See detail

Web Application Projects

1. TopTop React WebApp (TikTok clone UI) See detail
2. Social Network React WebApp (Facebook clone UI) See detail
3. MyProfile Frontend Webapp See detail
   
   

My Certificates Collection

F8 Javascript Certificate 2022

FPT Software Frontend Certificate 2020

Author: William Giang Nguyen | Job: Software Developer