Progressive Web App(PWA)

  • Web apps with native-like features:具有类似原生应用的功能,如离线使用
  • Cross platform capability:可在各种设备和平台上运行
  • Responsive and adaptive:可以适应不同的屏幕尺寸和方向
  • Installable and discoverable:可以安装到设备上

Headless Content Management System

  • Technology agnostic:前端与后端分离,不绑定前端语言
  • Streamlined content management:内容管理更独立,能在后端进行内容更新编辑而不影响前端的实现

  • Headless CMS:通过API提供内容
  • Decoupled CMS:有Presentation and Logic Layer;将内容的创建和表示分离,允许更灵活的前端实现

Architecture

2-Tier Architecture

  • Client Tier
  • Server Tier

3-Tier Architecture

  • Presentation Tier
  • Application Tier
  • Data Tier

Introduction to Client Side Programming

Client Server Design

Internet Address, Domain Name & URL, File Naming Convention

IDE Suggestion, Programming Language & Markup Language

DOCTYPE Declaration

HTML Tags & CSS Properties

HTTP Method for Form Request