Day01-notbook

[clock-z]

复盘：

• 知乎张秋怡写得真好，下面的图是我根据她图文的理解而绘。黑字是前端部分，铅笔是后端部分，果然结合起来才能懂一点点后端的内容。
• HTML & HTML5 只看了个简介，没有深入看技术内容。
• MDN 真是个有趣的好网站，比 w3school 有趣且深入得多，就是连接层级比较多且相互交叉，并非我们所理解的目录层次，一开始觉得有点乱，现在觉得更接近于相互关联的卡片逻辑。

问题：

• Web Server & Web Services 二者概念还没完全弄明白。。。
• 不太明白 什么是你现在真正需要的工具？ 这个环节里的第三项即“安装本地Web服务器”的用意。

笔记

浏览

• http://2014.artsy.net/
• https://codepen.io/Yakudoo/full/rJjOJx
• https://codepen.io/pissang/full/geajpX
• https://codepen.io/tsuhre/full/BYbjyg
• https://wangyasai.github.io/Stars-Emmision/
• https://pissang.github.io/papercut-box-art/
• https://demo.marpi.pl/biomes/
• https://pissang.github.io/voxelize-image/
• http://echarts.baidu.com/examples/index.html#chart-type-globe
• https://tympanus.net/Development/AudioVisualizers/（推荐戴耳机）

阅读

• Web 建站技术中，HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么？
• W3School的HTML教程
• W3School的HTML5教程
• MDN Web开发入门 很棒的网站！！！！！

工具及平台

线上编写WEB平台 有许多web应用能够仿真一个网站开发环境，允许你输入 HTML、CSS 和 JavaScript 然后显示代码的结果 —— 全部在一个标签页里！通常这些工具都很简单，对学习很有帮助，而且是免费的（基本功能），它们在一个独特的地址显示你提交的网页。不过，基础功能是很有限的，而且这些应用通常不提供如图像的内容的主机空间。

使用一下以下几种工具，看看你最喜欢哪一个： https://codepen.io/ https://jsfiddle.net/ https://thimble.webmaker.org/ http://jsbin.com/?html,output

免费网站发布平台 https://zh-cn.wordpress.com/ https://www.blogger.com/ （需翻墙） https://neocities.org/ （需翻墙）

安装基础软件

• 文本编辑器： 纯文本编辑器，比如 Brackets, Atom 或 Visual Studio Code 混合的编辑器，比如 Dreamweaver或者WebStorm 优先推荐 Visual Studio Code
• 浏览器： Firefox, Chrome, Opera
• 图像编辑器： Photoshop
• 版本控制系统：Git GitHub
• 自动化构建工具： 比如 Grunt 或 Gulp，来自动完成重复的任务，例如压缩代码和代码测试。
• 等等

优先考虑文本编辑器+浏览器+web服务器

[clock-z]

1. code 部分已经上传此份笔记。
2. 为方便提交作业，以后一律 push 到 code 部分里。