---
# System prepended metadata

title: Index about Web Development
tags: [Book Directory]

---

---
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