/zptcsoft.github.io

旨为锤炼前端开发工程师的前端开发基础课程，重点学习利用html和css实现页面布局。

Primary LanguageJavaScript

课程主页

本课程以前端开发工程师为愿景，旨在培养学生的web前端开发能力，前端开发行业日新月异、发展迅速，因此在学习基础知识的同时开阔视野、学会学习才是重中之重，为达此目的，利用github开源此课程。

希望可以更好地激发学习兴趣、更好地熟悉开发流程、更好地适应未来岗位需要。

课程愿景

我们的目标是经过一系列前端方面课程的学习，能逐渐胜任前端开发工程师的工作要求，因此在认识课程之前，我们先来看一则招聘简章。

来自于上海鲸科信息科技有限公司的前端开发工程师招聘：

  • 职位年薪：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. 课程概述
  2. web概述
  3. html概述
  4. HTML元素--html5元素周期表
  5. HTML属性
  6. HTML文档元数据和脚本元素
  7. HTML节点元素
  8. HTML文本元素
  9. HTML图像元素
  10. HTML链接
  11. HTML列表
  12. HTML表格--table实验
  13. CSS初步
  14. CSS选择器
  15. css边框--border实验

课程资源

  1. 自制在线html编辑器。
  2. 著名常用web学习网站w3school，入门必备。
  3. html标签参考手册, html 参考手册官方英文, html5元素周期表
  4. css3手册在线版，css3手册下载，css手册本地版
  5. 史上最性感的编辑器-sublimetext，[安装步骤](soft/01install sublime_text.md)，sublime text常用插件集成版 百度网盘下载、课程资源下载, 学习资源。
  6. GithubDesktop安装，首先安装.net Framework 4.5, 其次解压缩安装Github Desktop百度网盘下载、课程资源下载。
  7. Github Desktop使用教程, Pull Request教程, 廖雪峰Git教程
  8. 网站制作视频教程， 请大家帮忙整理网络系列学习教程。
  9. 采色软件colorspro软件下载，截屏软件FSCapture网页下载，网盘下载，密码：7lpr。
  10. 期中考试链接，请大家抄网页练习。

学友链接

软件151

01徐浩鹏 02李明豪 04尹飞燕 05全凯俊 06马驰傲 07张铸涛 08许丹妮 09陈浩 10杨登欢

12任军 13章宇凯 14潘佳琦 15裘家威 16李玲巧 17郑天阳 18范莎莎 19王永琪 21白逢喜

22夏远征 23李传访 24曾丽丽 25陈王超 26林群栋 27王瑶 28王浩 29叶圣辉 30阮盛威

31徐道聪 32高启中 34姚文辉 35倪浩 36鲁好德 37张天一 38李彦东 39刘晓辉 41徐鹏

软件152

01余家宝 02郑柯柯 03单超艺 04沈智婷 05赵芳燕 06周陈 07戴王辉 08方搏 09陈猛

10周冰婕 11陈章文 12胡森方 13廖定旺 14沈锋 16唐宁 18张家林 20卫银宇 21王翔宇

22瞿骁皓 23江俊杰 24郑爱萍 25郑大强 27黄荣基 29谢秀提 30毛杰 31王志斌 32吴昊

33赵凯峰 34张奎骁 35郑钟楠 36陈兴博 37杨虹 38刘毅梅 39王丽娜 40童伟键 41伍吉康

课程活动

  1. 注册github账号，新建用户名.github.io仓库，确保可以在线浏览。
  2. fork课程官方主页, 欢迎watch、star。修改readme.md文件，然后Pull Request回主项目，欢迎大家提交各种更改。
  3. 请在Issues里的作业贴提交作业，作业贴会定时关闭(一般一周左右关闭，关闭之后不能再提交作业）。 欢迎大家在Issues里就课程进行讨论、提问。
  4. 作业贴将于下一次课上课之前关闭，请大家在课间完成作业提交，请大家保持作业批改记录。
  5. 请大家规范Issues发帖行为，官方发布分为【作业贴】、【免考贴】、【悬赏贴】、【资源帖】、【讨论帖】等。同学发帖分为【求助帖】、【分享帖】、【讨论帖】等。请大家发帖之前选择分类命名Issue，文明用语，规范行为，请大家踊跃发言、可适量灌水，共同创造轻松愉快、严谨进步的网络学习行为。
  6. 课程开展“我学，我能”知识分享主题活动，请大家预先学习某个知识点，然后把学习的结果分享给大家。

成绩列表

  1. 总评成绩=平时成绩0.2+期中成绩0.3+期末成绩0.5
  2. 请大家踊跃参加免考活动，免考之后，期末考试成绩为100分左右，没有获得免考的同学，可以获得相应的平时成绩奖励。
  3. 平时成绩由作业积分之和，再加上github上获得积分组成。
  4. 成绩列表

加分细则

  1. 每次作业视工作量分值不等，从5分到10分，每次作业贴会准时关闭，不再接受补交。
  2. 每次有意义的Pull Request加10分，欢迎大家提交Pull Request。
  3. 每次有意义Issues讨论加5分，欢迎大家创建Issues，回答Issues。
  4. 请大家密切关注各【悬赏贴】、【免考贴】，会有分值不等的海量分数相送。
  5. 待续

加分快讯

软件151

  1. 24曾丽丽 成功提交更改，获得悬赏分数20分，鼓掌庆贺吧。
  2. 27王瑶 发起很有价值的Issues，平时成绩加5分。
  3. 09陈浩分享取色软件colorspro，喜欢的移步下载。平时成绩加5分，鼓掌庆贺！！
  4. 24曾丽丽Issuse里提问问题颇有深度， 31徐道聪Github使用提出问题，平时成绩各加5分。
  5. 27号王瑶在悬赏贴提交信息，平时成绩加5分。
  6. 31徐道聪Github使用提出两个问题,问题，平时成绩各加5分。
  7. 27号王瑶Issues提交问题，平时成绩加10分。
  8. 27号王瑶王老师讲得很好，免考！！
  9. 继续呀，海量分数等你拿。

软件152

  1. 37杨虹提问问题，平时成绩加5分，同学们动起来，go! go!
  2. 36陈兴博创建资源分享帖，平时成绩加5分，这就对了，yeah！
  3. 24郑爱萍提问问题, 平时成绩加5分。大家一起来盖楼！！
  4. 03单超艺、10周冰婕创建分享帖，平时成绩各加5分。
  5. 30毛杰就Github Desktop使用问题进行提问，平时成绩加5分，Fighting，少年！
  6. 10周冰婕参与Issues讨论，回答基本正确，平时成绩加5分，大家积极讨论吧。
  7. 10周冰婕创建Pull Request成功，领导悬赏分20分，平时成绩加20分。大家加油。
  8. 01余家宝创建提问，平时成绩加5分，03单超艺创建Issues，平时成绩加5分。
  9. 34张奎骁、06周陈在悬赏贴发帖，平时成绩个加10分。
  10. 27黄荣基在Issues提问问题，平时成绩加5分。
  11. 09陈猛在Issues提问问题，平时成绩加5分。
  12. 23江俊杰江老师讲解的非常好，免考！！
  14. come on!!!!

知识分享

本活动自愿参与，请同学预先学习某个知识点，然后上课的时候当老师把学习的成果讲解给大家，目的有二，一是鼓励自学，二是锻炼胆量。

软件151

  1. 王瑶
  2. 马驰傲
  3. 张天一
  4. 王浩
  5. 白逢喜
  6. 李明豪
  7. 徐道聪
  8. 王永琪
  9. 徐浩鹏
  10. 姚文辉
  11. 潘佳琦
  12. 倪浩
  13. 鲁好德
  14. 许丹妮
  15. 叶圣辉
  16. 等你

软件152

  1. 江俊杰
  2. 王志斌
  3. 陈猛
  4. 余家宝
  5. 吴昊
  6. 赵凯峰
  7. 张奎骁
  8. 郑柯柯
  9. 陈兴博
  10. 谢秀提
  11. 方搏
  12. 陈章文
  13. 周陈
  14. 周冰婕
  15. 单超艺
  16. 郑爱萍
  17. 等你