- 如无通知，默认每周一和周四早上检查进度和交流（节假日除外）
- 加粗体的任务为实践任务，需要提交，检查完成进度
- 带
+号的为选做任务，加号越多难度越大
- 了解以下概念：HTML、CSS、Javascript、版本控制、SVN、Git
- 了解前端开发的技术体系
- 学习W3School的网站构建初级教程
- 注册Github账号
- 安装并配置好相关的开发环境（推荐开发环境）
- 学习Markdown语法说明（简体中文版）
- 学习Git的基本使用方法，推荐阅读Git Community Book 中文版的第2章（第一步）和第3章（基本用法）
- 参考资料
- 按照部署说明，在你们的专有文件夹（以你的姓名全拼命名）下，修改base.md文件，在里面填上你们的姓名、手机，以及诸如兴趣爱好等你愿意介绍的个人信息；挑选你心目中最理想的3家公司及各自的前端工程师岗位，阅读并粘贴其最近一次校园招聘的岗位需求。最后发起一次Pull Request
- 学习W3School的HTML基础教程（页面左侧“课程表”的“HTML基础教程”部分）
- 学习W3School的CSS基础教程（页面左侧“课程表”的“CSS基础教程”“CSS样式”“CSS框模型”“CSS定位”部分）
- 学习Chrome DevTools的Elements面板（可能需要翻墙），了解“审查元素”及HTML/CSS的调试方法
- 设计一个简单的登录页面login.html和你的个人主页首页index.html。要求：项目名称
Blog；登录页面使用居中布局（参考图）；首页使用上中下布局（参考图）；登录页点击“登录”跳转到首页。首页的标题、内容、脚注的内容和样式没有特定要求，一切按照你的个人喜好来设计。
- 学习W3School的Javascript教程（页面左侧“课程表”的“JS教程”“JS HTML DOM”“JS对象”部分）
- **+**推荐读物：《Javascript语言精粹》
- 使用HTML/CSS/Javascript制作一个简单的计算器，要求：项目名称
Calculator；具备两个数字（包括小数）的加减乘除，一个数字的求百分比功能；各种颜色和字体等样式都按照你的个人喜好来设计（参考图）。
- 学习慕课网的PHP入门篇和PHP进阶篇（1-4章，6-8章，10,11章）
- 学习慕课网的与Mysql的零距离接触（1-4章，10章）和数据库设计那些事（1-3章）
- 在你们的机器上部署一套PHP开发环境（Windows:Apache+PHP+MySQL, Linux:Nginx+php-fpm+PHP+MySQL）。Windows用户推荐安装WAMP集成环境和数据库管理工具Navicat For MySQL。Linux用户推荐使用centos，nginx服务器搭建教程。安装配置完成后，将http跟目录指向blog文件夹，访问"http://localhost"，能成功显示即环境搭建完成。
- 完善
login.php中的登录表单，添加一个注册按钮和一个注册页面register.php，在Mysql里新建一个数据库test，在里面新建一个用户表user，表中至少包含以下字段:account,password,name。用户需要先注册，注册成功后，在数据库里保存用户信息（密码不要明文保存！），然后跳转至登录页面。用户填写信息，点击登录按钮，验证用户信息，正确后再跳转至index.php。 - ++ 如果你在浏览器中直接访问index.php是可以绕过登录页面的，现在要求改成访问index.php的时候，验证session（或cookie）有没有登录信息，如果有则正常打开，否则重定向到登录页。
- 学习W3School的AJAX教程（页面左侧“课程表”的“AJAX基础教程”“AJAX XHR”“AJAX 高级”部分）
- 学习W3School的jQuery教程（页面左侧“课程表”的“jQuery基础教程”“jQuery效果”“jQuery HTML”“jQuery遍历”“jQuery AJAX”部分）
- 推荐读物：jQuery官方教程
- 使用JS实现一个8格拼图游戏，要求：项目名称
Puzzle8；点击方块若周围有空格则移动；可以判定胜利条件；有一个“重置”按钮，点击后发起AJAX请求从服务器获取打乱的顺序并重置拼图；界面自行设计（参考图） - ++ 加入一个文本框，输入一个数字n（2 < n < 10），点击“重置”后请求服务器获取打乱的顺序并生成一个n*n的拼图
- +++ 加入对键盘事件的监听，实现按键盘“上下左右”键亦可移动方块的功能
