---
title: Index about Web Development
tags: Book Directory
descriptions: learning path on web development
---
{%hackmd U6g0skbVTIyVdJhvWCgo2Q %}

<script>
.working {
font-size: 4px;
vertical-align: sub;
}
</script>

# <span class="big-title">Index about Web Development</span>

Nowadays, B/S model is widely used in web development.

> a quick look about C/S model, PHP

- [Basic](https://hackmd.io/@yzLin56789/ByBQ3Wdet/%2F7C7JhU6dTIu9eG7XOt1oLQ)
- Structure of Web
- HTML intro
- CSS intro
- JavaScript intro

- [HTTP Full Description (Including HTTPS)](/WVwqEJXTRVO44Qw9zeLA6g)
- Introduction about secure layer
- Full introduction about HTTP messages

- [URL](/QfdUUcyTSxeb0S5pW4BSow)
- Simple Introduction for URL
- DNS introduciton

## <span class="intext-title">Frontend</span>
- [HTML](/QN1CdET_TxCrdxL6eJHMCA)
- HTML XHTML HTML5
- Semantics, SEO

- [CSS](/vuh_8sJTSfSqQndStuCkcA)
- format
- selectors
- box model

- JavaScript
- [JavaScript Syntax](/mKeI3lVBQgqH730NKXwcXQ)
- Syntax
- Primitive Types
- Native Objects
- [JavaScript_Web_Interaction](/qnRAShVDRHO-o1O2PkREKQ)

        interaction with web element

- BOM, DOM
- Web APIs
- AJAX
- [JavaScript_ES6](/mFNKUu1FRN-P4PD97JcPTw)
- ES6 extension
- [Web API -- canvas & application](/jnO8D9-QQDObw7dkX5YgGg)
- canvas introduction
- three combinational examples about canvas

- [JQuery](/lcYjnOv3Qdu1zdDEUa98wA)
- Effects
- HTML
- Confict

- [React](/wO7HlPz0Rq6eloUd8yclVQ)
- a `view` library
- rendering
- JSX extension
- Babel introduction
- Data flow

- [Blazor](/Ld9wEdTuQJCjd8ZUQEx__A)
- create UI component via C#
- Browser + Razor = Blazor
- a replace of JS, but it can still interact with JS
- <span class="working">BlazorSignalR</span>

## <span class="intext-title">Backend</span>
- [Tornado Web Server](/kLSIm_6PRheWVmLu1iZDHg)
- a python web server
- routing, application
- encapsulation of kqueue/epoll

- [ASP.NET core MVC](/y7krwOOLRA-HEM1Q6Po9Yw)
- full introduction about ASP .NET
- development framework
- Razor Web development (SPA -- background: seperation about frontend MVC and Backend MVC)

- NodeJS
- [NPM and NVM](/hy8BeO3vScKfi106ZPB-lg)
- ...working on

- [PHP](/jHSfy6sZTiOXa5t9OKTmig)
- php syntax
- php environment
- php example

## <span class="intext-title">Working on...</span>
- TypeScript
- working on...

- Fetch API
- working on...

- ES6 and its extentend
- working on...

- section: Data Base