百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

第一天:为什么有那么多人要做前端?

普通

人数7945人在学习该课程,有2465人已经完成该课程

时间平均用时4.0

关键词HTML

课程概述

作业提交截止时间:09-01

第一天:为什么有那么多人要做前端?

前言

首先要感谢在2017年6月13日到8月10日,陪伴我的十多位北京邮电大学的在校同学,他们付出了66天,每天2-4个小时,也许更多的时间,来和我们一起做了一个实验,在非工作压力的情况下,在校生如何才能更好地学习技术,我们尝试了一些方法,分成了很多个班进行了实验。有一些同学中途放弃,但也有一些同学陪伴我坚持了下来,并且最终让我们有了今年前端学院的新的基础课程。

课程背景

本基础课程,我们面向的是有一定计算机编程基础,在前端领域零基础或刚刚开始入门的同学,当然如果你是计算机编程零基础或者前端已经有一定学习经验,也欢迎参加,在知识内容上你可以根据自己情况进行增补和略过,但学习方法是一致的。

课程目标

第一天我们希望你完成后能够:

  • 做好预备奔跑的姿势
  • 开始爱上前端
  • 大概知道什么是Web,什么是HTML,CSS,JavaScript,如果您之前就知道,不妨可以做一些深入阅读

任务描述

浏览

好的,我们开始吧,首先,请确认你有一个比较先进主流的浏览器,比如Chrome,然后用这个浏览器,我们来一起看一些美好的东西,依次浏览下面的网站(建议不要同时都打开):

看完之后有没有觉得很酷炫,上面这些网站效果都是使用Web前端技术实现的。有不少前端开发者选择入行的原因,就是希望通过技术做出类似这些美好的东西,用技术带给用户最优美的体验。不知道你有没有开始期待着一天,你也可以用技术实现如此美妙的画面。

不妨在浏览器中专门建一个收藏夹目录,叫做 showcase 或者 好看的网页 之类的名字,把上面这些网站都放进去,当以后想找灵感的时候,不妨多看看,随时发现好看的网页也可以加进去`

编码

那不如我们就先来试一试,我们亲自动手来制作也许是你的第一个网页,如果你已经有一定经验,可以忽略下面的任务

  • 访问这个已经建好的 Codepen页面,点击上方菜单中的 Fork 按钮,它会帮助你基于我们提供的代码创建一个属于你自己的副本,让你随意修改一些东西,体会一下自己写代码的感觉。

注意一定要先点击 FORK 哦,否则会影响其他同学的学习,另外不妨注册一个 Codepen 的账户

阅读

小小尝试后,我们接下来要搞明白,这些代码都是一个什么样的存在,也让我们一起看一看,到底什么是Web,什么是前端,请详细阅读下面几篇文章中关于基本概念的解释(不需要着急看具体的内容)

不妨在浏览器中再建一个收藏夹目录,把上面这些网站都放进去。阅读相应的学习材料是学习的第一步,通过阅读了解基本概念和知识。

总结

今天的学习任务不大,相信大家都轻松搞定,今天最后一个正式任务:

在前端学院的笔记模块中(或者也可以是你自己的其它可以记录笔记的地方,包括电脑里的记事本或是手边的笔记本,不做任何限制),记录下今天的学习笔记,包括以下内容:

  • 日期,今天的学习总用时,今天学习的目标是什么,是否达成
  • 哪些东西今天了解得比较透彻,说说自己的理解
  • 哪些东西今天了解到了一些,还有哪些点需要后续继续深入阅读
  • 哪些东西今天学了之后还有很多疑问没有被解答,把问题记录下来,以待后续解决

当然,今天笔记最终的事情是:
立Flag,写下大家参加今年前端学院的目标,能不能和我们一起坚持66天!

收尾

第一天的小练习即将结束,最后我们来做一些收尾工作,也是为后续任务做准备:

  • 把百度技术前端学院加到你的收藏夹中
  • 申请一个 Github 账号
  • 下载安装一个开发工具,推荐Visual Studio Code
  • 号召周围小伙伴一起参加,找到几个志同道合的好友,或是在我们的 百度贴吧 上加入一些技术交流群
  • 开一个博客,或者在Github,或者是某种云笔记,任何可以在网络记录你学习情况的地方,准备长期记录你的前端学习生涯

交作业

今天的交作业很简单,把你们今天写的Flag的笔记地址同时提交到代码地址和预览地址即可。

明天预告

明天我们会开始制作一个正式的HTML页面

广告时间

以下材料,欢迎打开后点右上角的star按钮

如果你有余力,不妨去 W3C 读一些英文文章

学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记
标题发布时间浏览量点赞量
在百度前端学院学习的第一天2018-04-24 18:117214249
纯 HTML & CSS 实现一个文字游戏2018-04-24 18:47378671
2018百度前端技术学院 基础学院 学习笔记(一)2018-04-24 21:24158343
点击查看更多课程优秀笔记