resources.md

Resources for A Web Application

Abstract

For a modern web project, it is usually separated as the front-end and back-end parts. Front-end focuses on the user interface (UI), layout of components, and visualization, while back-end provides the application program interface (API) for the front-end program to interact with the back-end services like MySQL databases. The following content includes lists of different resources for learning front-end and back-end technology.

Front End

HTML

• English
  • https://developer.mozilla.org/en-US/docs/Web/HTML
  • https://www.w3schools.com/html/
• Chinese
  • http://www.runoob.com/html/html-tutorial.html
  • https://developer.mozilla.org/zh-CN/docs/Web/HTML
  • https://www.w3school.com.cn/html/index.asp
• Book:
  • Head First HTML and CSS

CSS

• English
  • https://developer.mozilla.org/en-US/docs/Web/CSS
  • https://www.w3schools.com/css/
• Chinese
  • http://www.runoob.com/css/css-tutorial.html
  • https://developer.mozilla.org/zh-CN/docs/Web/CSS
  • https://www.w3school.com.cn/css/index.asp

JavaScript

• English
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript
  • https://www.w3schools.com/js/
• Chinese
  • http://www.runoob.com/js/js-tutorial.html
  • https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
  • https://www.w3school.com.cn/js/index.asp

React

• English
  • https://reactjs.org/
• Chinese
  • https://zh-hans.reactjs.org/
• Slides
  • https://github.com/PolarisStudio/LGUReact

UI Library / Framework

• https://ant.design/
• https://material-ui.com/
• https://getbootstrap.com/
• https://www.iconfont.cn/

Back End

Python

• https://palletsprojects.com/p/flask/
• https://flask.palletsprojects.com/en/1.1.x/
• https://dormousehole.readthedocs.io/en/latest/-
• https://docs.djangoproject.com/zh-hans/2.2/
• https://docs.djangoproject.com/en/2.2/
• http://www.runoob.com/python3/python3-mysql.html
• https://github.com/PyMySQL/PyMySQL

PHP

• https://www.php.net/index.php
• http://www.runoob.com/php/php-tutorial.html
• https://www.w3schools.com/php/

Node.js

• https://nodejs.org/zh-cn/
• https://nodejs.org/en/
• http://www.runoob.com/nodejs/nodejs-tutorial.html
• http://www.runoob.com/nodejs/nodejs-express-framework.html
• https://expressjs.com/

MySQL

• http://www.runoob.com/mysql/mysql-tutorial.html
• http://www.runoob.com/python/python-mysql.html
• https://www.mysqltutorial.org/

Go

• https://golang.org
• https://gin-gonic.com/

Documentation

Markdown

• https://github.com/mundimark/awesome-markdown
• http://www.runoob.com/markdown/md-tutorial.html
• https://code.visualstudio.com/docs/languages/markdown

Git

• https://git-scm.com/
• https://www.liaoxuefeng.com/wiki/896043488029600
• http://www.runoob.com/git/git-tutorial.html

Cloud Providers

• Chinese Providers

  • https://cloud.tencent.com/
  • https://cn.aliyun.com/
  • https://cloud.baidu.com/
  • https://www.huaweicloud.com/

• International Providers

  • https://aws.amazon.com
  • https://cloud.google.com/
  • https://azure.microsoft.com