🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余10个优惠名额) →

博客

练习 - 02 - 搭建本地的 Web 开发环境

摄影:Austin Thomas

如果你想在互联网上运行一个网站,你需要一台搭建了 Web 运行环境的服务器,在开发网站的时候,一般我们会在本地的 Web 运行环境下做,也就是你在自己的电脑上或本地网络上搭建一台 Web 服务器,这样做会更方便开发。完成以后,你可以找一台在互联网上的服务器,或虚拟主机,把设计好的网站传上去。

今天我们这个小练习,主要目标就是学会在本地搭建一个可以运行网站的环境。

环境的组成

一个 Web 运行环境是由几个部分组成,具体要看你想运行什么样子的网站,比如你可能想运行用 PHP 语言写的网站应用, 那你的环境可能由 Apache (Web 服务器),MySQL(数据库管理系统),PHP(PHP 语言的解释器)组成。

练习 - 01 - 在家里搭建一个无线局域网

练习是学习的很重要的一个步骤,练习也是很有效的,所以我想今后每隔一段时间就写一个小练习,大家可以根据自己的情况去操作,通过这些练习我们可以慢慢学会 Web 设计需要的知识,顺便学一些专业名词。我们从最最基础的开始。

今天这个小练习,去动手为自己的家里或其它地方搭建一个无线局域网。

相关的概念

互联网(Internet)

互联网其实就是一大堆电脑连到了一块儿,这些电脑之间会遵守一些特定的协议,这样他们之间可以互相的通信。互联网是一种广域网(WAN, Wide Area Network),就是一种大范围的网络。

IP 地址

在互联网上的设备(电脑,平板,手机)都有一个唯一的 IP 地址,这种在互联网上的 IP 地址一般我们称为公网 IP。有了 IP 地址,设备与设备之间才能互相沟通,比如使用浏览器上查看网页,发送邮件等等。140.211.10.62 ,这个地址是 drupal.org 服务器的 IP 地址。

局域网(LAN)

局域网是一种小型的网络,在局域网上的设备可以相互交流,比如共享文件,打印机,在互联网上能做的事,也可以在局域网上做到,你可以在局域网上搭建一个 Web 服务器来运行一个网站,这样所有在这个局域网上的设备都可以访问这个网站。

2014 年成为一名 Web Designer

花一年的时间学习,再花一年的时间建立自己的作品集。如果你爱互联网,喜欢设计,订阅宁皓网,我想你不会后悔的。

2014 年目标

学会基本的所需要的知识,成为一名真正能做出东西的 Web 设计,可以解决大部分企业或个人网站需求。

偶尔做点广告

一般我不会这样去推销,我想现在订阅宁皓网的会员,也不是因为夸张的广告语,垃圾邮件,短信,骚扰电话而加入的。因为我们还没有做过这些事儿,其实我也不太清楚大伙是怎么知道宁皓网,还有是什么原因让大家决定要付费订阅的。我也挺好奇的。

不过我也害怕你浪费了太多时间去选择,无从下手,看了不好的视频,参加了昂贵且不太实用的实体培训,所以以后偶尔吹点小牛,请大伙别太介意。

宁皓网是一个整体

我们不会单独去销售单个课程,如果单独销售,价格也不会便宜,但我不想这样。因为这会增加你的选择时间,选择的成本是极大的,选择也是很痛苦的,还有就是课程与课程之间是有联系的,最终所有的课程会构建起一个完整的体系,您订阅的就是这个东西,并不是一个一个看起来不太相关的课程,而是一个完整的知识体系。

30 了

王皓和小雪

8 个月学会了走路,30 岁学会了踏实做事。

《 HTML5:Web 存储 》在用户浏览器上存储点东西

在客户的浏览器上,你可以存储一些内容,用户的设置,最新浏览网站的时间,没写完的文章等等,在我们的应用里面,可以利用这些存储的内容,这就是 HTML5 的 Web Storage 。《 HTML5:Web 存储 》 这个课程说的就是 HTML5 的 Web Storage,这是 HTML5 系列课程之一。

《 HTML5:Web 存储 》课程封面

Web Storage 分成两个部分, Local Storage (本地储存空间),还有 Session Storage(连线时段储存空间),这两个东西用起来都差不多,不过行为有点区别,在课程里,我们主要介绍了 Local Storage ,最后一节讲到了 Session Storage 。

两部启发我的电影

电影海报

《 中间人 》(Middle Man),《 社交网络 》(The Social Network)。前两天跟一新朋友见面闲聊,他说在上学的时候,看过一部电影,有两个混混一起做了一个色情网站 ... 哎 ~ 我说我也看过,而且很受启发。这部电影就是 《 中间人 》。

这两部电影都是根据真实的事件改编成的,其实很多情节我都记不清了,不过有几个地方让我印象深刻。比如在 《 中间人 》这部电影里,两人做好了网站,是个色情网站,用户可以用信用卡订阅,$99 (这跟宁皓网定价接近),有人订阅,会发出 当 一声响 ... 不过很久都没人购买。直到一天晚上 ... 当 ... 当 ... 当... 当... 当当当当当 ...

赚到钱以后,俩人决定做自己的内容,于是他们开始原创色情电影。

《 社交网络 》讲的就是 马克·扎克伯格 创建 Facebook 的故事。这两部电影给我的启发就是,要去创造一点东西。或许,也只有像我这样的呆子才会这样想。

《 Drupal 应用开发基础 》为 App 提供数据后台

看到这个标题,我想你可能会说,靠,我的 JavaScript 呢。嘿嘿。非常非常的抱歉,这次先做了一个 Drupal 相关的课程。因为我太想让大家看到使用 Drupal 做应用的后台了。我想这个课程也可以给你一个学习 JavaScript 的理由,还有学习 Drupal 的理由,哦,还有,或许买一台 Mac 的理由 :)

Drupal 应用开发基础

这个课程里,可能会有一些你之前没听过的术语,不要怕,你知道以后你一定会理解他们的,下面先简单的解释一下。

Web Services

看名字,猜意思,是的,他就是网络服务的意思。也就是,你对它提出请求,Web Service 会响应你的请求,当然,它可能需要做一些验证,比如验证你的身份。成功以后,它会返回一些你请求的东西,可能是一个文章内容,可能你想发布新的文章,或者删除文章,也可能你想登录一下,注册个新帐户,发表评论 ...

把英语放入你的学习计划里

我跟老爸说,现在都得学英语,老爸每次的标准回答都是,“为什么要学英语呢,为什么不让所有人都学会汉语”,最后还会补一句,“为什么”。他其实是带着点民族情绪的。或许,有那么一天,中文会是世界通用的语言。不过在目前来说,学会英文还是非常有必要的。

首先我得声明一下,我自己的英文是很糟的。不过我想我是看了太多的外国电影和美剧了,能听够一些,这是因为以前都是在 0day 论坛下载最新的电影,不过字幕组的制作出字幕来总是会延迟几天,后来我就决定不在等字幕了,直接去看没有字幕的电影,慢慢的,我发现自己也能听个大概。

可能真的是看的太多了,以前自由职业做网站的时候,屏幕左边是一个播放器窗口,右边是 Photoshop 或者浏览器,三心二意变成了习惯。但这种方法千万别尝试,这样做的工作效率一定不会高,一般人的脑袋都是单线程的,一次只能处理一个事情。这从打电话这个动作上就能得到验证,你正在跟别人通电话,同时你旁边也有人跟你说话,想想在这种情境下你的反应是什么。

节日快乐

光阴似箭(又来这句开头)。圣诞节和元旦都快来了,2013 年也就快过去了,先祝大伙节日快乐,这一年感谢您的陪伴与支持,有您的支持我们才能继续下去。

cute

摄影:mommam

2013 年我们主要是出了一些应用为主的课程,其中也涉及到一点基础的开发,比如 WordPress 的主题开发,还有最近的 PhoneGap。如果你是新加入宁皓网的伙伴,推荐你先学一下 WordPress ,通过这些课程,会改变你对 WordPress 的看法。如果你想以后自由职业,WordPress 是必须要学会的东西。

《 PhoneGap 应用开发基础 》 为移动设备开发应用

移动设备的本地应用就是能直接安装在设备上的应用程序,本地应用的好处就是可以利用设备的原生的一些功能,比如文件系统,定位,加速计,相机,通讯录,通知中心... PhoneGap 可以用来开发这样的应用。

一般来说,开发 iOS 应用(iPhone, iPad),你需要使用 Xcode 开发软件,用的语言是 Objective-C ,开发 Android 应用,需要使用 ADT 开发软件,用的语言是 Java。想为其它平台开发应用,你还需要学习其它的开发软件还有语言。PhoneGap 可以让我们使用 HTML CSS JavaScript 来开发移动应用,然后把它编译成在不同平台上运行的应用。

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点