Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/HopeStudio/web_app_develop_traning

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/HopeStudio/web_app_develop_traning
Owner: HopeStudio
Created: 2017-04-02T09:08:06.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2017-04-02T09:08:40.000Z (over 7 years ago)
Last Synced: 2024-06-21T08:30:03.486Z (5 months ago)
Size: 71.3 KB
Stars: 2
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-github-star - web_app_develop_traning

README

# 概述

Web应用，俗称网站，随着网络技术的进步逐渐变得越来越多，功能越来越强大，受众面越来越广。那么一个Web应用是如何被开发出来的呢？

随着Web开发技术日新月异，如果你在2017年第一次接触Web开发，就会发现扑面而来的是各种各样的技术和框架，也许有如下疑问充斥着你的脑海:

1. 学什么？
2. 怎么学？
3. 这些框架是如何组合成一个应用的？
4. 先学习好JavaScript还是先学习好一个框架做出东西？
5. 我现在懂一些简单的HTML，CSS和JS了，然后呢？

本书的初衷就是从一个Web开发自学者的角度来为这些问题给出一个方案。

## 准备

你应该能够看懂基本的HTML，CSS和简单的JavaScript。

## 会讲什么

- 围绕一个简单的Todo List的Node应用展开讲解，随着对它进行功能扩展而探索Web开发从前端到后端的方方面面。
- 尽可能不使用框架（只用了Babel转码器和测试框架Mocha），用原生的方式对应用进行开发，让读者了解框架存在的意义。

## 不会讲什么

- 实现的语法，ES5和ES2016的区别。
- 语言的具体细节，例如用函数声明和函数表达式声明函数的具体区别。
- 语言api的实现原理，例如Node.js的各种模块。
- 不同操作系统上带来的差异。

## 目录

- 序
- 第1章：Web应用的基本架构
- 我们看到的是什么
- 何谓前后端
- 动静有别
- 基本架构
- 第2章：静态页面的构成
- HTML
- CSS
- JavaScript
- 静态资源
- 第3章：成为可访问的页面
- 什么是HTTP
- 一个HTTP的组成
- 一个HTTP请求的旅行
- 使用Node.js编写后端应用
- 第4章：数据持久化
- 数据存放在哪里
- 数据库
- 对象关系映射和对象文档映射
- 用Mongoose存储你的数据
- 第5章：代码复用
- NPM
- 用模块化管理你的应用
- 异常处理
- 单元测试
- 模块化的服务端应用
- 第6章：前后端通信
- Ajax
- 异步操作
- RESTful风格的路由
- 重构后端项目
- 第7章：状态保持方案
- Cookie
- Session
- WebStorage
- 第8章：数据安全与加密策略
- 不安全的数据传输
- HTTPS
- 拖库和撞库
- 第9章：数据为核心的前端架构
- 搭建工作流
- 理想的数据更新方式
- 写一个简单的MVVM
- 跑通前后端数据交换
- 第10章：了不起的UI
- 使用CSS预处理器
- 挑选配色
- 响应式
- 栅格系统
- 动手写UI
- 绑定数据