Before Coding [1] - Before

写在开始之前

一直以来,总是不间断的有人问我:“我想学编程,有什么好的资源可以推荐的吗?”

我也不知道具体应该怎么回答,因为这一条路真的太长太长了,只言片语的推荐起不到什么作用,而且每个方向的学习内容也不同。所以我总是回复:“这要看你想做什么?”

于是对方又会问编程有哪些方向,当我一一回答之后,他又会问每个方向的特点是什么、有什么注意的事项。类似的问题源源不断,而我在这种连续不断的追问下,花了很多的时间,但也只是片段性的回答了他最初的问题。

于是想到了写这样一本书,可以带领毫无编程经验的小白了解一下编程及项目的开发,掌握一些编程的技巧;亦或是给一些编程熟手们提供一些自己积累的个人经验和干货,给未来的开发提供帮助。

本书的定位是一本系统的入门级的经验分享手册,因为主要面向的还是毫无编程经验的小白,所以有一定开发经验的读者们在看的时候可以选择快速翻阅,找到自己所需要的干货阅读即可。

所以,我把本书命名为《编程之前》(《Before Coding》)

Read more   2016/7/11 posted in  1 HTML与CSS

Before Coding [2] - HTML与CSS - 选择兵器

工欲善其事,必先利其器

接下来的学习中,我们将使用 HTML 与 CSS 进行网页开发,首先要做的就是选择开发工具。

在一些教程中,主张初学者使用 Windows 自带的记事本编写代码。这里笔者个人是非常非常的反对的,徒手写代码不仅仅不会提高编程水平,反而变相的加大了编程难度,降低了学习者的编程兴趣。一个好的开发工具,会使编程具有乐趣,使编程简单快捷。

这里笔者就推荐几款网页开发的工具,供大家选择。个人认为比较好的有:Sublime TextAtomVisual Studio CodeEditPlusNodepad++WebStormDreamWeaver。其中,前面5款是轻量级的,只有几M大小,后面两款是IDE级的。

Read more   2016/7/11 posted in  1 HTML与CSS

Before Coding [3] - HTML与CSS - 第一个网页

必备基础:安装了Sublime Text

HTML介绍

HTML,全称Hyper Text Markup Language,即超文本标记语言。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(Head)、和“主体”部分(Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

万维网上的一个超媒体文档称之为一个页面(Page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(URL,Uniform Resource Locator)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website)。超级文本标记语言(HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

Read more   2016/7/11 posted in  1 HTML与CSS

Before Coding [4] - HTML与CSS - 禅意花园

必备基础:
* 安装Sublime Text
* 掌握HTML,熟悉常用标签

CSS概述

CSS

CSS概述

CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常存储在样式表中,把样式添加到 HTML 中,是为了解决内容与表现分离的问题。外部样式表可以极大提高工作效率,其通常存储在 CSS 文件中,多个样式定义可层叠为一。

Read more   2016/7/11

Before Coding [5] - 计算机网络 - 互联网工作原理

必备基础:无

概述

互联网是网络的支柱,以这种技术为基础使网络成为可能。作为基础,互联网是把电脑互相连接起来的一个巨大网络。

互联网的历史有些模糊不清。它开始于1960年美国军方的研究项目,1980年在公共大学和公司的支持下,演变为一种公共基础设施。随着时间的变化,各种各样的技术支持着互联网的发展,但是他的工作方式却没有改变多少:互联网确保所有的电脑之间的连接,无论发生什么他们依旧保持连接。

Read more   2016/7/11 posted in  2 计算机网络

Before Coding [6] - 计算机网络 - 网络交互流程

必备基础:无

客户端和服务器

连接到互联网的计算机被称作客户端和服务器。下面是一个简单描述它们如何交互的图表:

  • 客户端是典型的Web用户入网设备(比如,你连接了Wi-Fi的电脑,或接入移动网络的手机)和设备上可联网的软件(通常使用像 Firefox 和 Chrome的浏览器)。
  • 服务器是存储网页,站点和应用的计算机。当一个客户端设备想要获取一个网页时,一份网页的拷贝将从服务器上下载到客户端机器上来在用户浏览器上显示。
Read more   2016/7/11 posted in  2 计算机网络

Before Coding [7] - 计算机网络 - URL

必备基础:掌握了 HTML 基础。

概述

URL的概念

URL,Uniform Resource Locator,统一资源定位符,它是一个网页的关键概念,它是浏览器使用的机制来检索Web上的任何已发布的资源。

一个网址无非是一个给定的独特的资源在网络上的地址。在理论上,每个有效的网址指向一个独特的资源。这些资源可以是一个HTML页面,一个CSS文件,图像,等等。在实践中,也有一些例外,最常见的是一个URL指向不再存在或已移动的资源。作为由Web服务器表示的资源和网址本身是由Web服务器处理的,它是由Web服务器的所有者来仔细管理该资源及其相关的网址。

Read more   2016/7/11 posted in  2 计算机网络

Before Coding [8] - 计算机网络 - HTTP协议

施工中🚧……

2016/7/11 posted in  2 计算机网络

Before Coding [9] - 计算机网络 - 服务器

施工中🚧……

2016/7/11 posted in  2 计算机网络

Before Coding [10] - JavaScript - 学习前的准备

必备知识:
* 对互联网和万维网 (WWW) 有基本的认识。
* 熟悉HTML。

JavaScript 简介

JavaScript 是一门跨平台、面向对象的轻量级脚本语言。 在主机环境中, JavaScript 能够通过连接环境对象而实现可控制编译。

JavaScript 内置了一个包含一系列对象的标准库,比如数组、日期、数学和一个语言元素核心集合包括操作符,流程控制符以及语句等。JavaScript 的核心部分可以通过组合已有语言核心对象来扩展语言以适应不同用途,例如:
* 客户端的 JavaScript 通过提供控制浏览器及其文档对象模型(DOM)的对象来扩展语言核心。例如:客户端版本直接支持应用将元素放在在HTML表单中并且支持响应用户事件比如鼠标点击、表单提交和页面导航。
* 服务端的 JavaScript 则通过提供有关在服务器上运行 JavaScript 的对象来可扩展语言核心。例如:服务端版本直接支持应用和数据库通信,提供应用不同调用间的信息连续性,或者在服务器上执行文件操作。

Read more   2016/7/11 posted in  3 JavaScript