从零开始学前端,也要注意大局观

一晃零基础web前端课程又讲一周了。

这一周我们都做了些什么呢?一是把json的编辑和获取都过了,然后是使用json来生成dom并绑定相应事件然后添加到页面中。在大概周三的时候,用了近一天1的时间,带他们把phpstudy装好,只为了让目前课程中一直在做的项目,真正运行在Apache的服务环境之中。

这样的好处很明显,第一可以进行ajax操作,第二让他们熟悉最初步的开发环境的配置。虽然phpstudy的安装已经是极其傻瓜化了,只要一直下一步就可以安装完成。但在实际的安装过程中,还是出了不少状况。

我是跟他们这样讲的,这是最简单的环境配置,以后在实际的工作中,你们会面对各种工作环境的配置,不同的服务器之间的切换,在不同的ip中获取不同的资源。。这些都需要你自己去配置。而这个Apache就是最初的开始。

而昨天晚上我自己研究了一会php,写出了第一个接口,用来给我的学生们远程调用,这样他们就不用再在自己的电脑上写假数据来模拟了。

而今天,因为是周末讲的新知识不多,为了让他们能够合理、明白的调用json接口,上午讲了2个多小时的跨域,就为了让他们明白,如何和为什么要使用jsonp方式来调用我这边的接口。

因为我这是远程上课,这些学生们分散在世界各地。呵呵,真的是世界各地,有一个澳洲的,还有二个美国的,国内最远的是在新疆。咱们国家幅员辽阔,我们基本上是没有可能聚在一起上课的,所以用jsonp来调用我的接口势在必行。

而下午的时候,讲了下如何写通用的公共方法。我带他们实现了一个最简单的对于ajax的二次封装,其实就是搞了个getFn方法而已,接收一个url和一个匿名函数做为success回调之用。

其实这都是小意思,这一周最大的动作就是带他们把目前已经写好的代码,分成二次进行了整理。第一次把完全暴露在外的代码用各自功能的名称命名的函数进行了封装;第二次则把这些函数按功能拆分在不同的js文件中。目前已经装代码分在main.js、common.js、config.js三个文件之中,下一步会再根据不同的事件,进行进一步的细分。这么做的目的就是为了后续的webpack的教学做好准备。

写代码一定要有“大局观”,就是你写的东西,是全局中的哪一个部分。你写的整个的全局是什么样的结构。这个往大了说,就是前端架构的设计。

从上月15号开始到今天,他们已经学习了近20天。能够取得目前的成绩我还是比较满意的。

到目前这止,我们已经搞好了json,ajax,jsonp,Apache,我这边的接口和数据也准备好了,首页的开发工作和进度即将结束,在下一周就开始“点击不同商品进入商品详情页”,而商品详情页其实只是一个页面模板,它是在前端通过json渲染生成的。(目前是这样安排,计划在讲到2月初时,这个部分的技术会换为nodejs渲染前端页面,到那时再教他们nodejs)

在给他们讲课的过程中,我经常强调,第一表面上我们在学习技术,但实际上我们在学习如何“理解业务”; 第二,你们就是要学习我的解决问题的方法。因为我事实上不可能把所有的疑问,所有的技术都教给你们。这是我一再很明确的向他们灌输的思想。

这篇文章即是本周的总结,也是下一周学习工作的开始。

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2017-01-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏软件

ERP管理软件系统设计方案

【微信运营】微信公众号开发、朋友圈广告、微信运营活动、微信小程序、微商城搭建; 【电脑端网站】网站建设、网站结构、网站功能、关键字策划、UI设计、网站SEO、升...

4795
来自专栏马哥教育

零基础到精通Linux,从这篇文章开始

正好在最近,看到了一篇不错的资料,其中对于Linux入门学习的描述极其详尽,因此特别摘抄其中段落,制作成思维导图分享给大家。

61610
来自专栏CreateAMind

从GITLAB误删除数据库想到的

酷 壳 – CoolShell http://coolshell.cn/articles/17680.html

1944
来自专栏韩伟的专栏

如何提高程序员的生产率(上)

一、硬件资源 1) 办公环境 ? 大部分开发团队都不把座椅家具视为一个非常重要的问题。拥有宽敞的桌面的环境,可以在桌上放置更多的东西:本子、笔、杯子、书本、打...

4246
来自专栏静晴轩

快应用之开发体验纪要

何谓「快应用」呢?它是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准...

1512
来自专栏顶级程序员

从GITLAB误删除数据库想到的

昨天,Gitlab.com发生了一个大事,某同学误删了数据库,这个事看似是个低级错误,不过,因为Gitlab把整个过程的细节都全部暴露出来了,所以,可以看到很...

4077
来自专栏编程之旅

小程序开发总结

很久很久很久没有更新了,最近几个月因为房子交房,生活上是一片忙碌,工作上的事其实还好,没有分去很多精力,主要是在生活上的事情牵扯了太多了精力,于是乎把每周一更博...

2986
来自专栏企鹅号快讯

代码学习与实践:开篇-测试深入了解代码的好处及实践

1 缘起 最近在负责测试的项目,相对来说比较复杂。从业务上来看,涉及商品添加、审核、交易、支付、退款、换号、管理等多个流程,从代码逻辑上来看,划分了9个模块,还...

2138
来自专栏linux、Python学习

零基础到精通Linux,从这篇文章开始

正好在最近,看到了一篇不错的资料,其中对于Linux入门学习的描述极其详尽,因此特别摘抄其中段落,制作成思维导图分享给大家。

2053
来自专栏大数据钻研

十年来,编程领域有什么重要进展?

编程语言层出不穷,然而内核是万变不离其宗。我个人看法觉得是以下几个方面的变化比较明显。 语言本身: 1. 工业标准 网页标准有 W3C 控制,尤其是浏览器的开发...

3575

扫码关注云+社区

领取腾讯云代金券