您的位置:首页 > Web前端

前端之路

2015-08-08 09:55 246 查看
1.学习帮助

善用Google(google经常被墙,我用的是chrome的插件:红杏(需要付费,一个月10块大洋,不过速度很快))。基本上你遇到的80%以上的技术疑问,都能在Google上找到答案,并且你提出的疑问基本上都有人在一个叫Stack Overflow的神奇网站上提问过并且有人做了很好的回答。(某度就算了,学技术你基本上很难在某度给出的搜索结果找到满意的答案)

提高英文阅读能力。基本上所有计算机技术都是外国人发明的,所以英文的文档和说明都比较全面和精细

了解某个概念。例如:什么是Javascript?先wiki后百度百科

了解无固定答案的问题。例如:什么是良好的编码习惯?建议在知乎上搜索或提问

遇到问题先独立思考,和同组成员一起交流讨论

2.代码规范

记住:你的代码是写给别人看的,不是写给机器看的,请随时注意保持你的代码的可读性

从头到尾保持你的编码风格一致

和项目成员遵循同一种编码风格

参考Google编码规范(https://code.google.com/p/google-styleguide/)

3.关于每一门编程语言的入门问题

英文教程:可以到coursera或者Udacity上面找各种语言的follow课程

国内的MOOC平台上面也会有入门课。

多多利用网上的资源,github上面也会有很多入门的源码1.大家根据自己的情况进行学习,希望大家能够多多交流,互相帮助;这样进步会更快

2.选择看书或是视频教程入门都是可以的;最重要的是多动手,多敲代码,这才会最快的成长起来

3.多利用网上的资源,最好是google,某度就算了

PHP

1.图书馆找一本入门书,建议找带有‘TURING 图灵程序设计丛书’标志的(Apress出版社, 国内译文是人民邮电出版社);或者网上找视频教程。 了解php的基本语法。

2.搭建lamp环境(linux+apache+mysql+php),也可以使用windows下面的wamp集成包(windows+apache+mysql+php)。下面前端部分的初级任务中的c.初识服务器后台和数据库也可以看看

3.了解CodeIgniter(ci)框架,弄清楚mvc架构

网上有ci的文档:http://codeigniter.org.cn/user_guide/index.html (目录中的“安装”“介绍”“教程”“常规主题”部分)

4.推荐一本书:php web2.0实战开发(图书馆可以借到),里面会有讲到mvc的架构,不过它使用的是Zend Framework(相比于ci太庞大了).

前端:

1.初级任务

a.html css 入门

学习W3School的HTML基础教程(页面左侧“课程表”的“HTML基础教程”部分)

学习W3School的CSS基础教程(页面左侧“课程表”的“CSS基础教程”“CSS样式”“CSS框模型”“CSS定位”部分)

学习Chrome DevTools的Elements面板(https://developers.google.com/chrome-developer-tools/docs/dom-and-styles?hl=zh-CN)(可能需要翻墙),了解“审查元素”及HTML/CSS的调试方法

设计一个简单的登录页面login.html和你的个人主页首页index.html。要求:项目名称Blog;登录页面使用居中布局;首页使用上中下布局;登录页点击“登录”跳转到首页。首页的标题、内容、脚注的内容和样式没有特定要求,一切按照你的个人喜好来设计。

b.javascript 入门

学习W3School的Javascript教程(页面左侧“课程表”的“JS教程”“JS HTML DOM”“JS对象”部分)

推荐读物:《Javascript语言精粹》(不知道图书馆有没有,网上找pdf一大堆)

使用HTML/CSS/Javascript制作一个简单的计算器,要求:项目名称Calculator;具备两个数字(包括小数)的加减乘除,一个数字的求百分比功能;各种颜色和字体等样式都按照你的个人喜好来设计

c.初识服务器后台和数据库

学习W3School的SQL教程(页面左侧“课程表”的“SQL基础教程”部分)

学习W3School的PHP教程(页面左侧“课程表”的“PHP基础教程”“PHP数据库”以及“PHP高级教程(日期、Include、文件、文件上传、Cookies、Sessions)”部分)

在你们的机器上部署一套PHP开发环境(Apache+PHP+MySQL),Windows用户推荐安装WAMP集成环境(其他系统的就得自己折腾了)和数据库管理工具Navicat For MySQL。配置Apache的alias指向你们的blog文件夹(自行搜索apache alias),然后把两个文件的.html后缀改成.php,在浏览器中访问http://localhost/blog可以正常打开页面即可。

d.Jquery入门

学习W3School的AJAX教程(页面左侧“课程表”的“AJAX基础教程”“AJAX XHR”“AJAX 高级”部分)

学习W3School的jQuery教程(页面左侧“课程表”的“jQuery基础教程”“jQuery效果”“jQuery HTML”“jQuery遍历”“jQuery AJAX”部分)

使用JS实现一个8格拼图游戏,要求:项目名称Puzzle8;点击方块若周围有空格则移动;可以判定胜利条件;有一个“重置”按钮,点击后发起AJAX请求从服务器获取打乱的顺序并重置拼图;界面自行设计

加入一个文本框,输入一个数字n(2 < n < 10),点击“重置”后请求服务器获取打乱的顺序并生成一个n*n的拼图

加入对键盘事件的监听,实现按键盘“上下左右”键亦可移动方块的功能

2.中级任务

a.

了解MVC模式

阅读CodeIgniter文档http://codeigniter.org.cn/user_guide/index.html(目录中的“安装”“介绍”“教程”“常规主题”部分),了解其MVC框架的基本编程模式

b.

学习Smarty模板Smarty3手册 http://www.smarty.net/docs/zh_CN/
c.

学习less和grunt http://www.bootcss.com/
d.响应式

了解响应式设计的概念和基本原理

任选一款简单的CSS框架(如Pure、Bootstrap、Furatto等等),从Github上阅读源码,了解框架在如何实现响应式布局

学习W3School的jQuery Mobile

安卓:

1.先熟悉Java

2.在熟悉Android.推荐一本书(疯狂安卓讲义 作者李刚, 很厚的一本书,在网上可以找找pdf),不同看完,入门即可

注:安卓在windows下面也是可以开发的
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: