Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luckyyang/maodous

This repo will record our maodou team's progress.
https://github.com/luckyyang/maodous

Last synced: 21 days ago
JSON representation

This repo will record our maodou team's progress.

Awesome Lists containing this project

README

        

# 任务驱动学习web开发

通过完成不同的任务,在实践中学习web开发。

这个项目中学习的资料/任务会一直是免费的。课程内容和学习方式我还在探索和实践中,所以第一期的我个人提供的辅导也是完全免费的(当你可以看到这句话,说明现在还处在第一期)。也就是说,只要你完成了任务并且按照相应的要求提交给我,我都会查看并给予相应的评价和指导。

加入进来学习的人,我希望积极的给我反馈,帮助这个项目更好的帮助更多的人。

## 任务构成
一个任务主要由以下部分构成:

- 任务目标
说明我们的这个任务要达到什么目标
- 操作任务
需要动手去做的部分
- 学习任务
任务相关的知识,需要去学习的部分

## 如何考核任务完成情况?

- 每一个对应的任务都会有一个对应的讨论区域,也就是issue,比如`任务1`对应的issue链接是 https://github.com/luckyyang/maodous/issues/1
- 每个参加任务的人将任务完成后的证明,一般是一个链接发到对应的issue中
- 我会检查每个人的完成情况,然后给出一定的评价。所有的评价会更新到我们的任务总结中。
- 除了我的评价外,我希望完成任务的人自己对任务的完成过程也有一个总结,总结可以包括:
- 遇到的困难以及解决的过程
- 学习到了什么
- 有什么想法/感悟
- 解决问题过程中发现的一些好的资源

### 这些数据的重要性
- 找工作
如果有个地方可以展示给用人企业自己都做过什么样的项目,掌握什么开发技能,对于自己的应聘成功率是有很大帮助的。
- 单纯地想学习web开发。如果可以记录自己都学习到了什么,并且通过这些任务着实的提高了自己的web开发能力,我想也是一个快乐的过程。

## 所有任务
### [Task 1 - 熟悉git/github](tasks/task_1.md)
- 在github创建一个项目(repository),命名一个有创意的名字 ----github
- 本地做一次commit ----git
- push 到github ------git/github
- 将完成任务的链接放到对应任务的issue里 https://github.com/luckyyang/maodous/issues/1

### [Task 2 - 在github上发pull request](tasks/task_2.md)
#### 操作任务:
- 看这两个视频:
- http://happycasts.net/episodes/37
- http://happycasts.net/episodes/60

- 做完任务 #1 的同学,将我给你们的评价发一个pull request到这个文件中:
https://github.com/luckyyang/maodous/blob/master/tasks/task_1.md

- 格式参考[文件](https://github.com/luckyyang/maodous/blob/master/tasks/task_1.md)中的这一部分:

![image](https://cloud.githubusercontent.com/assets/1963646/3851158/9286d120-1e91-11e4-987a-ede5cebd9744.png)

#### 学习任务:
- 以后要看完这里的所有视频 http://happycasts.net/episodes?tag_id=2
- 这个月看完这本书的前3章:http://git-scm.com/book
- 学习如何写markdown:http://daringfireball.net/projects/markdown/

### [Task 3 - 使用codepen制作前端零部件](tasks/task_3.md)

现在的flat ui很热门,我们就做一个flat ui的前端零部件来作为我们项目样式库的一部分,以后我们的项目如果要使用这样的零部件,我们就可以很快的拿出来了。

#### 操作任务:
- 在[Flat UI](http://designmodo.github.io/Flat-UI/)网站上找到下面的这个零部件:

![image](https://cloud.githubusercontent.com/assets/1963646/3885851/1034ceb8-21cd-11e4-9cfd-4d920b8b1bcc.png)

- 在[CodePen](http://codepen.io)上把这个零部件“抄”下来
- 先自己尝试做一下
- 如果做不出来,再参考源码

- 将完成任务的codepen链接放到对应任务的[issue](https://github.com/luckyyang/maodous/issues/3)里

#### 参考/学习资料
- http://learn.shayhowe.com/html-css/
- http://webdesign.tutsplus.com/courses/30-days-to-learn-html-css
- http://css-tricks.com/category/beginner/

## 建议
本项目是我个人为了更好的帮助0基础的初学者学习web开发而实践的一个想法,如果你有任何想法都可以和我交流,随时在项目中[发一个issue](https://github.com/luckyyang/maodous/issues/new) 我就可以收到邮件提醒了。欢迎任何的想法,哪怕是一句Say Hi~