有多少人是这么学前端的?

有多少人是这么学前端的?

鉴于评论里那么多人的回复…… 预警一下,内容有关于前端学习的硬广~~~

记得我刚开始学前端的时候,打开w3cschool ,进入HTML 基础教程 ,然后开始从<p></p> 标签看起。当时的我就好像刚拿到九阳真经的张无忌,感觉自己的学习道路非常的明智、高效、权威。


不出所料我看的昏昏入睡,一个星期过去了,果然什么都没学会 ,还没有看到 input 标签。

想学前端的人,怎么会那么轻易放弃呢? 于是我又翻开那本著名的 《CSS 设计指南》。等看到 180 页的时候,我发现我输了。搞半天只会写一个三栏布局,而且身为一个颜控设计师。这个 demo 看起来效果奇差,以至于我毫无成就感。

直到有一天,我遇见了它:

百度前端技术学院 由百度创建的,面向前端初学者的学习实践,交流,分享平台。

我当时学习的是 2017学年的课程 ,课程内容很丰富,安排也很合理。基本包含了目前所有主流的 Web 开发所需要的知识。

通过做任务的方式来学习一个个的课程,就好像闯关打怪一样。实在遇到不会做任务,还能看同学们的学习笔记。在这个过程中,进步真的非常快。

做完前三个学院的任务之后,心里感触就是:学习前端一定要亲手去写代码!亲手去写代码!遇到问题就查。只要你开始写,进步的速度会超乎你的想象。

再偷偷告诉你一个好消息,百度前端学院 2018 开课啦~没有门槛,完全免费。今年我们推出了这些课程。

在这里为你奉上今年的学习指南:

2018 学期概述


非常荣幸的是,今年我在百度前端学院开了一个自己的学院。你们看这小绿的标志性绿色~~

课程按照简单到难的顺序一共有八个任务,从设计到实现,一步步从零开始带你了解学习 CSS 前端动效,无论是复杂的动效细节还是最新的解决方案,在这里都能学习。

课程按照简单到难的顺序一共有八个任务,由浅入深的带大家了解 Web 动效落地方法 。完成这八道题,你会掌握如下技能:

  • 熟练掌握 CSS transition 、transform 、animation 的用法 ;
  • 怎么从一份动效标注 去 100% 还原 CSS 动画 ;
  • 学会使用常用的 前端动画开源库 。

你可以亲自实现如下有趣好玩的东西:

https://www.zhihu.com/video/972410855727603712https://www.zhihu.com/video/972410911742525440
https://www.zhihu.com/video/972410987631001600https://www.zhihu.com/video/972411039782031360
  • 注:学院课程部分内容参考自 Codepen 的示例 以及神书 《图解CSS3》, 有兴趣的同学欢迎去探索学习。
  • 在后续的一段时间,我会陆续在我的知乎专栏公布题目的写法和详细分析。zhuanlan.zhihu.com/uxel
  • 建议你在看我的方法之前,尽量先自己先实现,我的方法不一定比你的好。也欢迎你在完成课程的闲暇,贡献在前端学院自己的学习笔记。毕竟总结沉淀才是最好的学习方法。
  • 如果你对本课程有任何意见,或者你跟我一样是个爱猫人士的话,欢迎来我的知乎勾搭~我们可以聊聊技术(养猫)心得:)

好了废话不多说了~~~~大家快去快乐的写代码吧。

前端学院2018

编辑于 2018-04-25

文章被以下专栏收录