学步园

引言

为了激发广大童鞋的学习积极性，让我们的学习更加贴近未来工作需求，便于记录学习过程、总结学习收获、广交朋友，我们在CSDN上开通课程主页，希望大家可以通过CSDN这样的学习平台，更好地提升自我。

课程愿景

我们的目标是经过一系列前端方面课程的学习，能逐渐胜任前端开发工程师的工作要求，因此在认识课程之前，我们先来看一则招聘简章。
来自于上海鲸科信息科技有限公司的前端开发工程师招聘：

• 职位年薪：13W起，上不封顶
• 招聘人数：若干
• 职位职责：
  • 如果你热爱尖端 Web 技术，如果你是一个追求美感的细节控，Strikingly会为你提供一个大施拳脚的空间。
  • 在HTML, CSS, JavaScript 之上，你会使用 HAML、LESS、CoffeeScript、React+Flux、Angular.js来设计、开发和实现前端功能。
  • 同时你也可以尽情发挥创造的热情，用美感和细节打造极致的用户体验。
• 职位描述：
  • 参与公司项目中的Web前端功能设计、开发和实现
  • 使用 HTML5、CSS3、OOP JavaScript、Angular.js、Knockout.js 等最尖端 Web 技术开发 PC/Mobile 端应用
  • 探索应用前端领域的新技术与新架构
  • 与后端开发人员一起研讨技术实现方案，制定服务接口
  • 与 UI 设计人员、后端开发人员等配合，高质量完成 Web 前端开发工作
  • 快速学习成长，并迅速适应创业团队氛围
• 职位要求：
  • 对网站有优秀的设计感
  • 对UI/UX有深入的理解
  • 熟悉 HTML5/CSS3 的标准并跨浏览器和平台的兼容性有深入理解
  • 精通object-oriented JavaScript, jQuery, DOM manipulation
  • 能按照产品模型或框架有效进行 HTML/CSS/JavaScript 开发
  • 能迅速熟悉新的前段数据库和架构
  • 理解 Web 标准, 熟悉 Git
  • 相关专业本科或以上学历，或者同等专业经验
  • 熟练的英语沟通能力
• 加分项：
  • 熟悉如何优化前端代码，使其更有效率并确保兼容性
  • 熟悉任意 MV* 框架（Angular.js/Knockout.js/ Backbone/Ember等）
  • 熟悉任何一门后端语言经验（Node.js/Ruby/Python/Php等）
  • 移动 Web 开发经验
  • 深刻理解 Web 标准, 熟练解决主流浏览器及不同版本的兼容性问题（IE、Chrome、Firefox)

我们可以看到，企业对岗位的需求非常明确，这个就是我么未来一年半的学习目标。我们将会利用《界面设计》、《网页设计与制作》、《web交互开发》、《移动开发平台》等几门课，逐步的走进前端开发的殿堂。

利用《界面设计》帮您成为细节控，获得优秀网页的设计感，深入理解UI、UX。
利用《网页设计与制作》帮您学习html+css， 熟悉 HTML5/CSS3 的标准并跨浏览器和平台的兼容性有深入理解， 能按照产品模型或框架有效进行 HTML/CSS/JavaScript 开发。
利用《web交互开发》帮您学习原生javascript语言，逐步掌握object-oriented JavaScript, DOM manipulation，并同时学习jQuery，助力的您的交互开发。
利用《移动开发平台》帮您熟悉移动web开发，了解Node.js、Angular.js、响应式设计等。

课程简介

《网页设计与制作》的主要目标是让您学会使用html+css实现符合web标准、兼容主流浏览器的前端页面。

课程主要内容包括：

• web标准和浏览器
• html5基础语法、 html5基础标签
• css3的基础语法、css3实现样式与布局
• 浏览器兼容性处理

课程讲义（逐步上传）

课程资源

1. w3school
2. css3手册在线版，css3手册下载
3. 飞一样的编码-HBuilder, 请大家下载注册使用
4. 史上最性感的编辑器-sublimetext，插件， 学习资源。
5. sublime text常用插件集成破解版下载。
6. w3cfuns
7. w3cplus

学友链接

课程活动

1. 请大家开通博客，私信给我。
2. 博客积分优先达到100分、1000分、2000分、3000分、4000分的同学请私信我（或本文留言）加分。
3. 博客总浏览量优先超1000、2000、3000、4000、5000的同学请私信我（或本文留言）加分。
4. 单篇博文浏览量优先超100、1000、2000、3000的同学请私信我（或本文留言）加分。
5. 单篇博文评论数 优先超10、20、30、40的同学请私信我（或本文留言）加分。
6. 单篇博文顶数优先超10、20、30、40的同学请私信我（或本文留言）加分。
7. 个人粉丝数超过100请私信我（或本文留言）加平时成绩10分。
8. 激活专栏大人徽章的同学请私信我（或本文留言）加平时成绩20分。
9. 增加佳文分享版块，每人次入选加平时成绩5分，欢迎大家留言本文（或私信我）投稿。
10. 免考任务1-成为博客专家的同学可以免考，优先达到3000分的每班前两位同学请私信我（或本文留言）免考。
11. 免考任务2-模拟百度css3抖动效果

佳文分享

1. 谢伟吉的《大学生学习》值得一读
2. 汤慧的《 HTML标签列表》一个不错的尝试
3. 徐泽锋的《html标签》贵在原创，贵在真实
4. 会写诗的程序媛，请看黄钿钿的《感动了时间》
5. 杨梦露的《strong标签简介》，正是我们需要的文章
6. 余冰若《神奇插件》Markdown了，原创了，你呢？
7. 周琪的《电商页面设计，只需懂六个字》不错不错
8. 林宇的《html基础篇》整理的挺好，格式弄好点，就更美了
9. 张嵊敢的《html》挺好
10. 俞冕的《再别康桥-徐志摩》带我们重温经典
11. 谢阳的《解读前端开发工程师必备技能》挺好，大家不妨一读
12. 陈伟健的《java的背景及就业》经常思考，就是我们blog的初衷之一
13. 卢俐云的《html文件结构》大家不去看看？
14. 黄钿钿的《5种编写网页的软件介绍》值得期待，当然加分。
15. 请大家迅速围观余冰若的《CSS抖动效果》，定有所获。
16. 潘俊宇的《如何成为时间管理者，摆脱拖延症！》我看了很有收获，你也可以看看。
17. 何欢欢的《div与span的区别》总结的不错，不看是你的损失！
18. 姚迪璐《乱入之青春》文字优美但些许伤感，年轻人，不妨更加换快些。
19. 陆侃的《大学生活与未来》写的情真意切，行动起来，go！ go！ go！
20. 黄钿钿《 Sublime Text2 快捷键大全》很赞，很赞！
21. 何沂璐的《阿朴橡皮章教程》很好玩，我喜欢。
22. 童煜莹的《html的链接标签》似曾相识，不过说的很好，赞赞赞，略微自恋的庆哥说。
23. 鲍彬霞的所有文章都很好，可以再加些自己的体会与感悟，哈哈。
24. 周琪的《 为什么中国的程序员总被称为码农》大家读后肯定有所获。
25. 林宇的《html链接（思路超清晰）》确实非常清晰，不信你去看。
26. 雷粟的《制作网页几句话》非常朴实，不过很好，L博士可以更上层楼！！
27. 黄钿钿的《用SublimeText2制作网页中的表格》写的非常实用，致敬！
28. 朱丽霞《表格样式设置》比较具体，请大家一看。
29. 姚迪璐《html表格边框》不错不错，非常不错。
30. 林宇的《table表格类标签的应用》非常翔实，请大家一观。
31. 卢俐云《表格标签详解》很好，很强大。

加分快讯

软件141

1. 戴能同学博客积分优先达到100分，平时成绩加10分。
2. 汤慧同学博文《如何在win8系统下建立wifi热点》浏览量超100，平时成绩加10分。
3. 谢伟吉、汤慧、徐泽锋、黄钿钿、杨梦露、余冰若等博文入选《佳文分享》平时成绩各加5分。
4. 汤慧同学博客总浏览量超1000，平时成绩加10分。
5. 黄钿钿、余冰若博文入选《佳文分享》平时成绩各加5分。
6. 潘俊宇、何欢欢、姚迪璐、陆侃、黄钿钿、何沂璐博文入选《佳文分享》平时成绩各加5分。
7. duang！余冰若同学的模拟百度css3抖动成功，免考免考，请大家找他请客，我们期待他的博文面世。
8. 黄钿钿同学的博文《 Sublime Text2 快捷键大全》评论数优先超10、20，顶数超10，平时成绩加30分。
9. 黄钿钿、姚迪璐、朱丽霞等同学入选《佳文分享》平时成绩各加5分。

软件142

1. 缪航宁博客积分超过100，平时成绩加10分。
2. 周琪、林宇、张嵊敢、俞冕、谢阳、陈伟健、卢俐云等博文入选《佳文分享》平时成绩各加5分。
3. 童煜莹、周琪、林宇、雷粟博文入选《佳文分享》平时成绩各加5分。
4. 鲍彬霞同学好多文章都不错，平时成绩加15分。
5. 鲍彬霞同学单篇博文浏览量超100平时成绩加10分。
6. 林宇、卢俐云等同学博文入选《佳文分享》平时成绩各加5分。