{"id":13672358,"url":"https://github.com/HopeStudio/web_app_develop_traning","last_synced_at":"2025-04-27T21:32:48.666Z","repository":{"id":82624556,"uuid":"86975103","full_name":"HopeStudio/web_app_develop_traning","owner":"HopeStudio","description":null,"archived":false,"fork":false,"pushed_at":"2017-04-02T09:08:40.000Z","size":73,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-11T10:42:24.162Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HopeStudio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-04-02T09:08:06.000Z","updated_at":"2017-12-25T14:42:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"3b234b88-920a-41bf-9c6f-5ab03d843122","html_url":"https://github.com/HopeStudio/web_app_develop_traning","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HopeStudio%2Fweb_app_develop_traning","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HopeStudio%2Fweb_app_develop_traning/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HopeStudio%2Fweb_app_develop_traning/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HopeStudio%2Fweb_app_develop_traning/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HopeStudio","download_url":"https://codeload.github.com/HopeStudio/web_app_develop_traning/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251212713,"owners_count":21553508,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T09:01:33.386Z","updated_at":"2025-04-27T21:32:48.370Z","avatar_url":"https://github.com/HopeStudio.png","language":null,"readme":"# 概述\n\nWeb应用，俗称网站，随着网络技术的进步逐渐变得越来越多，功能越来越强大，受众面越来越广。那么一个Web应用是如何被开发出来的呢？\n\n随着Web开发技术日新月异，如果你在2017年第一次接触Web开发，就会发现扑面而来的是各种各样的技术和框架，也许有如下疑问充斥着你的脑海:\n\n1. 学什么？\n2. 怎么学？\n3. 这些框架是如何组合成一个应用的？\n4. 先学习好JavaScript还是先学习好一个框架做出东西？\n5. 我现在懂一些简单的HTML，CSS和JS了，然后呢？\n\n本书的初衷就是从一个Web开发自学者的角度来为这些问题给出一个方案。\n\n## 准备\n\n你应该能够看懂基本的HTML，CSS和简单的JavaScript。\n\n## 会讲什么\n\n- 围绕一个简单的Todo List的Node应用展开讲解，随着对它进行功能扩展而探索Web开发从前端到后端的方方面面。\n- 尽可能不使用框架（只用了Babel转码器和测试框架Mocha），用原生的方式对应用进行开发，让读者了解框架存在的意义。\n\n## 不会讲什么\n\n- 实现的语法，ES5和ES2016的区别。\n- 语言的具体细节，例如用函数声明和函数表达式声明函数的具体区别。\n- 语言api的实现原理，例如Node.js的各种模块。\n- 不同操作系统上带来的差异。\n\n## 目录\n\n- 序\n- 第1章：Web应用的基本架构\n    - 我们看到的是什么\n    - 何谓前后端\n    - 动静有别\n    - 基本架构\n- 第2章：静态页面的构成\n    - HTML\n    - CSS\n    - JavaScript\n    - 静态资源\n- 第3章：成为可访问的页面\n    - 什么是HTTP\n    - 一个HTTP的组成\n    - 一个HTTP请求的旅行\n    - 使用Node.js编写后端应用\n- 第4章：数据持久化\n    - 数据存放在哪里\n    - 数据库\n    - 对象关系映射和对象文档映射\n    - 用Mongoose存储你的数据\n- 第5章：代码复用\n    - NPM\n    - 用模块化管理你的应用\n    - 异常处理\n    - 单元测试\n    - 模块化的服务端应用\n- 第6章：前后端通信\n    - Ajax\n    - 异步操作\n    - RESTful风格的路由\n    - 重构后端项目\n- 第7章：状态保持方案\n    - Cookie\n    - Session\n    - WebStorage\n- 第8章：数据安全与加密策略\n    - 不安全的数据传输\n    - HTTPS\n    - 拖库和撞库\n- 第9章：数据为核心的前端架构 \n    - 搭建工作流\n    - 理想的数据更新方式\n    - 写一个简单的MVVM\n    - 跑通前后端数据交换\n- 第10章：了不起的UI\n    - 使用CSS预处理器\n    - 挑选配色\n    - 响应式\n    - 栅格系统\n    - 动手写UI\n    - 绑定数据\n","funding_links":[],"categories":["Others"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHopeStudio%2Fweb_app_develop_traning","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FHopeStudio%2Fweb_app_develop_traning","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHopeStudio%2Fweb_app_develop_traning/lists"}