女程序员教你css（17天从零基础到CSS工程师）

一 前言：不可能完成的任务。

IT修真院是一个免费的线上IT技术培训平台，通过15个Task为初学者提供学习路线，最终通关的弟子完全能够胜任CSS工程师的工作。

任务的难度设置非常大，拿CSS为例，要在15个Task中完成包括Git，Nginx，自适应，响应式，Bootstrap和Less等技术体系的学习和实践，包含了三个正式的网站页面的实现，要求支持手机访问，还有部分的CSS动画和少量的JS效果。对于零基础的人来说，还是非常非常有难度的。甚至对于很多从事CSS工作的人来讲，自适应和响应式都未必能处理的很好，更不用说Bootstrap和Less了。

以IT修真院200多名弟子的进度来讲，目前通关成功的只有两个，一个是004【37天】，一个是099【17天】，由此可见，并不是一般的难度。所以，099究竟是怎么样的一个人呢?

二 099：一个蹒跚学步的少年

首先，099并不是一个计算机专业的科班生，他是一个21岁的环境工程的大三狗，对本专业不感兴趣，在来到修真院之前独自刷过两个月的W3C和视频，然而因为没有人指点，上来就要自己写一个贪吃蛇。

整整两个月啥都没干。（话外君：两个月都没做出点东西，17天在修真院就能通关了么？小编你忽悠谁啊。小编：马丹他自己这么说的好不好，我也下巴掉了一地，我跟他确认了很多遍之前是神马水平，他跟我说就是懂点儿基本概念，然后神马东西都写不出来，QQ号文章里有不信你们自己去问他。）

怎么样？YD的笑容 闪亮的人字拖。嗯。好赞的小伙子。所以，他是怎么做到这一点的呢？要知道。大修真院还有无数的人还在半路上徘徊的啊。那么，接下来小编就带着你分享一下099的干货-如果你也一样想要成为一个CSS初级工程师的话，洗干净菊花~呃，不对，洗干净的耳朵，来认真听小编一一道来。

三 宝剑锋自磨砺出，梅花香自苦寒来，要问99为何快，多写多练手勤快

首先，要从修真院的教学模式说起，修真院是从浅到深，将初级CSS工程师需要掌握的技能，分成了15个任务，1~3的任务是用来熟悉环境，包括Nginx，git,自适应。这是一个很大胆的设置，按老大的说法是：反正零基础的人啥也不懂，根本不知道天高地厚，提前把这些基本的环境和概念学会了，以及每天都会用，每天都会练，熟悉环境自然不在话下。4~6的任务是用来熟悉手机页面的制作。这也是一个很大胆的设定，毕竟正常有学习都是先从网页做起来，但是老大认为事情还是应该从简向难做，手机上的元素比较少，但是对自适应要求比较高，所以能够很快的调整，很快的去感受成功的乐趣。7~9是网页真实的网页例子（修真院自己的官网呦）。并不要求自适应和响应式，纯粹是感受一下网站的常用结构和命名规范。10~12是将之前的网页改写成响应式和自适应的，通过两个任务来对比一下并深化理解这些概念。13~15是用Bootstrap和Less重写，这样能够让弟子们领会到框架是什么概念，提前开阔一下视野，为接下来的学习打下基础。

再想想，099之前两个月的学习，都做了什么呢？用他自己的话说：

“原来自学HTML,CSS,JS比较乱搞，挖的坑比较大 ”。

“来修真院之前也算是没水平，。。想写个贪吃蛇，贪吃蛇 写不出来，跟便秘一样的写着 ”

“我有自学过两个月HTML、CSS、JS，自学给我的感觉就是一团浆糊，分不清自己学了什么，真的学会了什么，自己做着一些有的没的的小DEMO，没有任何规范可言。”

唔，这就是说，以前自学，没有方向，不知道怎么入手，不知道哪些该先学，哪些该后学，不知道该学到什么程度。这就是修真院的Task体系胜过自己盲学很重要的点。

其次，要从修真院的氛围说起。修真院仅仅是提供了Task的任务等级？NONONO，修真院盛产师兄和师弟。什么是师兄?学习的进度比你更快一点的人，早你一两个级别，又不会早太多。什么是师弟？学习的进度比你慢一些的人。有师兄的好处是有问题可以随时请教，有师弟的好处是他会随时请教你。在你请教师兄的时候，你的疑问刚好是师兄走过的路。在你回答师弟的时候，恰恰就是对你知识体系的梳理和温习。

同样用099自己的话来形容一下。

“修真院学习气氛很好，经验交流和讨论互动，大家都卯足了劲学习。虽然每天写总结挺累的，不过想想要是坚持下来了，未来肯定会贼有成就感。我个人呢，比较变态，很少问别人，但是很多师弟师妹问我我都会热情解答的，我觉得修真院是一个你找师兄麻烦，师兄绝不会拒绝的地方，我经常为了codereview找师兄的麻烦在这里感谢066师兄、利勇师兄、启宸师兄、小丁丁师兄。在帮助其他兄弟解决了一些NGINX问题和PS切图问题和自适应相关的问题上自己也有很多地方熟能生巧了。”

知道利勇，启宸和小丁丁是谁么？他们是线下的优秀弟子代表，标准的零基础只身前来修真院实地求学，然后用更短时间完成了更难的任务，他们是线上弟子疑难解答的保障。

所以，一个是有很多人可以帮助你，写完的代码还有人给你做CodeReview，可以跟不同的人去讨论，学习他们的思路，一个是完全自己在孤军奋战。你们自己说说，哪种效率更高？

再次,要从修真院的日报体系说起。修真院有一个日报的体系，要求弟子们每天都要写日报。日报还必须按格式写。今天做了什么，明天做什么，遇到了什么问题，有什么收获。日报的好处可并不是尔等小菜鸟能感受得到的。其一，日报是一个有效的监督，逼着你去整理自己的学习结果，逼着你去做自己的学习规划。其二，老大会每天点评你的日报，看看你遇到了什么问题，给你各种鼓励，表现的好的，还会奖励老大清唱的情歌一首（嗯，老大的清唱绝对提神醒脑）。其三，其他各种师兄的日报简直是宝藏，简直是藏经阁，随便翻翻经常会翻到各种好东西。

有了日报这个修行圣地，修行神器，神马样的问题解决不了？嗯。099自己的日报在这里~

最后，099对于修真院的模式非常认可。这是很关键的一点，勤学苦练是修真院的镇山之宝，修行圣典，少看视频少看教程多写代码是修真院的修行戒条。能做到这一点，其实很不容易。然而在某种程度上，这又是对于弟子们的毅力和领悟力的一个极大的挑战。同时也为以后的修行道路打下了良好的基础，有很多人从英语不好、零基础、不会百度，慢慢的变成了能够独立解决问题的人，能够通过不断的试错去加深印象，理解代码的人，能够和其他师兄沟通交流，通过学习师兄的代码来对比自己的思路的人。

这些都很难，可是099做到了。他在修行的过程中也是遇到了各种各样的困难，比如说，刚开始看到Git的时候两眼发黑，压根就不知道什么是服务器， 也不懂代码为什么要放到服务器上，做自适应的时候根本就无从下手，使用Boostrap的时候就觉得像是带上了镣铐。可是他坚持下来了，每个遇到的问题，都成了他成长的试炼。

所以，如果有信心，有毅力，什么事情做不了？

099并不聪明，也不特殊，更没有灵根仙姿，只是遵循着修真院精心设计的体系， 一点一滴的完成自己的任务，不断的磨练自己的耐心，积累知识点，完善知识体系。他做的最好的，大概就是每天都默默的写代码，女朋友都扔到一边去。你能做到么？

IT修行无难事，唯手熟尔。亲爱的读者们，如果你有兴趣，如果你也想要成为和099一样的CSS修行者，还在犹豫什么？

四 路漫漫其修远兮-099接下来要做什么？

当问到这个问题的时候，099已经果断的继续了修真院的第二关：JS关。JS关的难度更大，JQuery,Ajax,angularJS,phoneGap，gruntJS,RequireJS,Bower,LocalStorage。全是修真院精挑细选的修行利器。这对于099来说，无疑是一个很大的挑战，这里面还牵涉到了编程模型，封装扩展等概念。（偷偷说一句，099现在已经跑到JS的Task4了，哈哈哈哈哈哈哈哈。）

那么，JS的任务通关了以后呢？099已经说了，生是修真院的人，死是修真院的鬼。修真院并不仅仅是教菜鸟的啊，还是一个真正带你通往大神的修行圣地。嗯。099对修真院如此有信心，修真院也是汇聚了无数如099一样的机智沉稳少年。

无论是在就业推荐，还是技术指导，还是在修真院结识的师兄师弟，相信在未来都是099人生中一笔巨大的财富。而099只需要做到一件事情，就是在修真院，安安心心的把技术做好，做6，这就够了。

五 修真院究竟是什么？我又该如何加入？

修真院是一个截然不同的IT技术线上教学体系。第一，高效！还有哪个在线教学能够做到修真院这样的速度？第二，人脉！这些人脉，并不仅仅是你的同班师兄，更有业界精英的指点，如果你表现的好，直接内推到他们公司（利勇和晋佩就是被直荐到阿里出来的很NB的架构师那里了）。这是哪个在线教学甚至哪家公司能做到的？第三，免费！修真院是一个高效，汇集人脉但是完全免费的平台你们知道咩！

马丹老大好像说过段时间就要收费了！（小编：老大别过段时间了现在就收费吧，我已经好几个月没工资了，好几个前女友都在找我要分手费）。

好的吧，要不要收费，我不知道，然而至少在看得见的这三四个月，是完全免费的。所以，你在犹豫什么？快加入，快去推荐给你的好基友啊。

嗯，如何加入？很简单！关注IT技能树。然后仔细查看入学流程，里面不仅有模式介绍，课程介绍，还有各种好玩的花絮。来修真院修行，遇见到更好的自己，你还等什么？

我靠，忘了传一张099称赞老大的照片了。补上~

以及099对修真院说的话：

“来到修真院17天。CSS毕业，JS开始做TASK2。回头看看感慨万千啊，在这里学习会有坐火箭的感觉，但最重要的其实并不是修真院，而是我们自己。师弟们，下定决心了吗？是不是打心底里觉得自己要改变了。如果只是想着先来修真院试试的心情那么我断言是一定坚持不下去的，这里教会我们的是学习的技巧，给的是学习的明路，修真院是下定决心苦练功夫之后的修真宝地，是超级变态的地方。坚持任何一个职业level1毕业后回头看看，真的走出了好远好远。虽然只是起步，但也是绝对超前的菜鸟起步。

这么多天以来我都是码代码码到12点往后的（页面仔啦，向码农进击）。我有自学过两个月HTML、CSS、JS，自学给我的感觉就是一团浆糊，分不清自己学了什么，真的学会了什么，自己做着一些有的没的的小DEMO，没有任何规范可言。修真院的NNNN多师兄的日报就像小说里的藏经阁，学起来太太太太爽了。自己的日报呢，算是培养自己反思和总结的习惯。哦对了，我是学环境的，没有计算机系同学们的计算机基础，又体现出CSS的入门门槛是多么的低啦，也又体现出修真院是多么的变态啦。坚持下去，跟着变态的老大成为大牛！”

哦也~修真院与你同在，如果你是修真院的弟子，如果你认可修真院的模式，如果你觉得099的故事能够给其他的人带来鼓舞和帮助，动动手把这篇文章转出去吧~