2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

近期课程安排:前端开发工具

我们最近的课程还是要完善一下基础的部分,特别是前端开发的基础,包括跟开发的工作流程相关的工具,CSS 预处理器,前端开发框架等等。我认为这些是每个 Web 工程师必学的东西,至少您得知道他们是怎么一回事,这样我们不管到哪个团队,都有自信很快的融入进去。自动化,团队协作,工作效率,都是现代的工作方式要考虑的东西。

前端工作流程

您应该听说过一些工具,但一直不知道他们都能干什么,比如 bower ,grunt,gulp,yeoman,这些工具经常会用到前端开发的工作流程里面。

bower 很简单,它是一个 web 包管理工具,比如你在命令工具里,可以使用 bower ,去下载想要的前端框架(jQuery,Angularjs,Bootstrap... )。你可以在一个特定的文件里(bower.json)指定一下,你的项目需要的前端框架,然后通过一条命令,bower 会去自动下载这些指定的框架还有它们所依赖的其它的东西。

grunt 与 gulp,他们都可以自动去做一些事情,比如去把指定的 js 文件合并到一起并且压缩一下,去把 sass 或者 less 文件编译成 css 文件,创建一个服务器可以实时预览项目的变化 ...  这两个东西做的事情差不多,大部分情况下你可以选择其中的一个,grunt 是个老牌子,gulp 比较新,不过更容易学。我们可能会先介绍一下 gulp 这个工具。

CSS 预处理

SASS 与 LESS,我猜您也早就听说过它们了。可以理解成是一种动态的 CSS 语言,平时咱们写 CSS 样式的时候,都是一行一行去定义的,不能重复的去利用定义好的东西,也不灵活。有了 SASS 或者 LESS ,我们可以去为样式定义变量,还有一些其它的方法来减少在创建 CSS 样式时的一些重复的动作。注意,SASS 与 LESS 是两回事,是两种不同的语言,也就是你可以选择 SASS 用在自己的项目里面,也可以选择 LESS 。现在很多前端框架都同时支持这两种语言,比如 Bootstrap,即有 LESS 版本,也有 SASS 版本。

前端开发框架

AngularJS,Ember,是两个不同的前端开发框架,可以用来创建 SPA (单页面应用程序)。我们应该会先介绍一下 AngularJS,因为它更简单些,而且后台比较硬(Google),把 AngularJS 跟咱们现有的网站混合在一起用也是很好的选择,比如用在 Laravel,Drupal,WordPress 创建的网站应用上,会有很好的用户体验。

学习路线

完成了上面的前端开发相关的基础课程,我们就基本可以形成一套完整的知识系统了。我打算写一些文字版的手册与练习,用我自己觉得是最好方法与顺序去写,这样大家就会知道自己应该从哪里开始,达到目标还差什么,可以减小痛苦并提高效率。

WordPress 与 Drupal 呢?

WordPress 与 Drupal 的课程仍然会继续,也是咱们的重点科目。不过我觉得想要更好的学习它们,还是要把基础的东西学好。我们的第一步就是去建立起一个完整的知识框架,把这个基础打好,以后你想怎么装修,都可以随心所欲。

课程安排
微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点