前端之路

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)(可能需要FQ),了解“审查元素”及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下面也是可以开发的

时间: 2024-07-29 08:37:35

前端之路的相关文章

【前端之路】这世上哪有一路鲜花的康庄大道

一:程序员基本功 1:数据结构+算法  (acm/icpc/oj ) 2:离散数学,数字逻辑,线性代数,概率论,数理统计(学堂在线,mooc) 3:计算机组成原理,操作系统,编译原理 二:语言基础 1:html(html5网页游戏开发,微信游戏开发) W3Schools-HTML(英) , W3School-HTML(中) <HTML5高级程序设计 > 2:css(css设计基本功,css3动画) <精通CSS> <瞬间之美 ><网站重构 ><CSS禅

【系列】后端程序员前端之路(2016/3/24更新)

后端程序员前端之路01 后端程序员前端之路02--CSS选择器详解 后端程序员前端之路03--HTML语义化 后端程序员前端之路04--html元素分类 后端程序员前端之路05--盒子模型详解 后端程序员前端之路06--布局模型,颜色值,长度值 --不断更新中,如果有帮助到你,请点“推荐”.你的支持,是我坚持的动力O(∩_∩)O谢谢~

漫谈前端之路

前言 前端之路何其漫漫~ 说明:本篇文章原是写给学弟学妹的,但想来花的功夫确实不少,就把此篇文章当做自己的一个阶段性总结文章了,会保持长期更新. HTML 总的来说HTML并不难,甚至可以说很无脑--HTML的标签个人觉得过一遍就得,知道什么时候该用什么标签就可以了,因为在以后的开发中打交道最多的就是各种各样的标签,想不熟都难.就像现在我写这篇文章用的Markdown一样,只是几个标签的反复应用.那么html的学习就相对来说很自由了,可以跟着w3schoolW3school网址过一遍标签,网上也

我的前端之路

从事前端工作刚刚一月有余,作为一个通过自学而进入这个行业的人来说,未来充满着挑战.前端之路怎么走,总是萦绕在我脑海里,每天面对各式各样的技巧,各种炫幻的效果,恨不得自己全部能够实现它们,但有时觉得自己太浮躁了,基础不牢固.带着这些困惑,一个多月来感觉自己提升的太少,提升的太慢,难道这是每个前端er必须经历的吗?

前端的路还很长

1.会做一些简单的设计(能够熟练使用ps.fireworks.ai.Flash等设计软件做出一些特定的效果) 2.使用html+css进行合理的页面布局 (考虑页面兼容性---->最终要学会做响应式页面或者能够做                               到页面的自适应:注意一下他们的区别于联系                               性能优化------>了解浏览器怎样工作的:渲染与重绘) 3.使用css3做出一些特定的动画效果(Canvas或SVG也可

第24课 《前端之路,以不变应万变》

今天的内容有些借鉴于业内大佬的内容,由于本人技术实在太渣,几乎没有可以用来演讲的素材.抱歉 大家好,我是来自存勖科技的Rocken.我今天演讲的内容是:前端的未来.大家都知道,前端所依托的基础直到上世纪九十年代才出现,前端职位也是近十年才出现的.之前大多数是后端工程师在做前端的事情,随着前端内容的不断增加,前端方面的工作也越来越多,这时候如果全部由后端来做的话就不大现实了.所有就出现了咱们前端工程师这个物种.我相信在座的各位都有一种感觉,那就是发展太快了.各种框架.工具层出不穷,我记得当初发布d

《前端之路》- TypeScript(二) 函数篇

目录 一.定义函数方法 二.定义函数传参 三.可选传参 四.默认传参 五.传递剩余参数 六.函数重载 七.箭头函数 八.总结 一.定义函数方法 在 es5 中定时函数的方法有 命名函数和函数表达式(匿名函数)这门两种.那么同样的,在 TypeScript 中,函数的定义是什么样子的呢? 1-1 命名函数 这里需要注意的一点是: viod 类型,是函数不返回任何类型数据 TypeScript 语法 function func1(): string { return '213'; } functio

【转】别人家的孩子之《说说我的web前端之路,分享些前端的好书》

链接http://www.cnblogs.com/Darren_code/archive/2011/02/09/JavaScript.html   2011-10-31 22:56 by 聂微东 PS:(11年现在都16年了 落后了5年哎...) WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,

女孩的前端之路-开始我的nodejs程序之旅[1]

一个女孩的前端学习之路,希望可以帮助到别的在编程代码上学习的朋友们.(1)初识node.js学习 目的:利用nodejs可以架设起一个网站,可以全面了解一个网站是如何架设起来的.开始学习:一台mac学习步骤:1-刚开始我是去寻找一些比较好的教程,如果只是自己捣鼓的话,会有很多不明白的地方.2-在搜寻好的教程的是时候,我遇到很多问题,比如:怎样找到一个适合自己自身情况的的教材.[所幸,我利用google的关键字搜索搜出了一个叫nodeschool的网站,推荐大家]3-安装:直接去官网上安装,但是安

刚迈步的前端之路

虽说在之前也是对前端略有听闻,不过也仅限于知晓这是一个偏向于设计的技术.而周遭同学,在每日对编译型程序语言的奋战中,也大多看不上眼这种都是需要记忆的标签的解释型语言.我也一直没有想要过多在这条道路探索的想法. 不过去年一个偶然的机会,想要制作一个h5网页,由此打开了一扇新世界的大门. 不想后端技术那么繁琐以及设计与成果之间的等待和不可视,前端由于重在人机交互,反而更加偏向于艺术,注重美感.即使作为一名工科男,我却深深喜欢上了这门技术,大概也是喜欢上了这种将成果实实在在以表象展现给用户的满足感吧.