一个web前端学习Drupal的经验总结

谈谈前端的学习

大学毕业之后,我的第一份工作主要是公司网站的维护,包括内容的更新、网站的改版。

毕业的时候,基本上只知道简单的html,当时比较流行的是表格布局,一切皆table,而且自己也不熟练。那时,也是凭借在校时因为兴趣学了一些PS、flash的一点基础,同时,还开了一学期的网页制作的课程,这些仅仅是网页制作的基础,真正能独立编写网页,还有很长的路要走。

因为第一份工作的缘故,所以踏上了网站开发的道路。随着工作和学习的积累,逐渐迷上了前端,因为只要简单写一些HTML、CSS就可以立刻看到效果。

作为一名前端开发者,掌握HTML、CSS基本功是必须的,当然这只是基础,还有很多技术需要学习的,比如JavaScript,最新的HTML5、CSS3、Sass、一些前端框架如Bootstrap、移动端等。但是,不用害怕,学习需要按部就班,脚踏实地。

其实不管学习任何东西,重要的是掌握学习方法,学习前端、学习Drupal、学习语言,都是如此。

学习新东西基本上都是理论和实践相结合。比如,我最初学习CSS的时候,当时是看了两遍李超的《CSS网站布局实录》第二版,然后就开始参考书上的例子敲代码,动手可以增加信心,让理论变成实例。经过一段时间的动手,基本可以摆脱书本,自己手动敲代码。然后就可以拿一个小项目实践了。当时,刚好有朋友想搭个网站,刚好我有研究一段时间动易CMS,所以就拿动易帮他搭建了一个简单的站点,然后前端模仿了一个站点,就这样,第一个实战作品就完成了,虽然这个站点早已下线,但是对我个人来说,永远不会忘记它,因为它是我前进路上的一块基石。

随后,接着做了一两个项目,包括公司的网站改版以及个人博客的搭建,通过实际代码的编写,一边写代码,一边发现问题,解决问题。
谈谈Drupal的学习

有了HTML、CSS的前端基础,接下来,就打算换一份工作,正式投身前端开发的事业。

有幸来上海之后的第一份工作,公司的项目主要是基于Drupal开发的。公司的老板起初是几位海归人士办的公司,老板从小在美国长大,接受到很多西方的教育思想,当然也包括一些优秀的技术。回国以后,创办一些公司,当时有几个项目就是用Drupal开发的,那时还处在Drupal5的时代。

关于Drupal的学习方法,可能每个人都有不同的方法,因为专业背景不同,经验不同,思维方式不同,学习方法自然也会相差各异。

谈谈我的学习经历:

2008年,当时成熟稳定版本是Drupal5.x,Drupal中文资料非常匮乏,仅有一本比较系统的《Drupal专业开发指南》第一版(5.x),是由老葛一个人翻译的,所以说,老葛被称为Drupal中文社区的布道者,实至名归。因为我的主要工作是偏重Drupal前端开发,所以我的学习重点就是主题开发这个部分。当时,没有一点PHP基础,也是靠多看慢慢知道了变量、以及判断语句、简单的函数。

在团队最初配合的时候,大家都没有经验,在开发流程和方法上都走了不少弯路。虽然是可以实现,但是方法还是不好。比如:

    当时用了Content Templates (Contemplate) (link is external)模块,把html和变量和一些函数都写在了node里面;
    在项目最初,不是全新搭建一个主题,而是使用了一个官网下载的主题,界面看起来和项目的效果有些相似,其实,用着用着就发现,后面修改的工作量会更大。
    先制作静态页,然后套入Drupal,这样会导致需要很多重复的劳动。比如,我们要根据Drupal生成的class和id,来修改静态页面的CSS。虽然说,我们可以通过theme函数和template的覆写可以修改Drupal大部分的结构来达到和静态页面的一致,但是这个要很大的工作量,而且很多的项目,根本就不必在意html的结构。当然,如果项目预算充足,那这样的覆写也是要做的,一般项目,我们还是推荐先功能,后制作主题。

总结一下,作为一个前端学习Drupal的几个步骤,供参考:

    搭建本地WAMP环境,推荐集成环境:XAMPP、Acquia Dev Desktop
    安装Drupal (安装教程方法一、方法二)
    熟悉Drupal界面操作,熟悉常用术语(推荐《了解Drupal》)
    学会安装第三方主题、模块
    看看《Drupal专业开发指南》第三版主题开发这一章,看看官网的主题开发手册
    可以拿Drupal7核心的bartik或者Garland作为基主题,开始编写一个主题
    不使用任何基主题,自己手动编写一个主题
    掌握常用的模板覆写函数

主题之外:

    Drupal hook的原理
    模块开发的准备工作
    手动编写一个模块

您还可以看看我之前写的一篇《Drupal学习大纲》。一点分享,仅供参考。

经历了7年的发展,虽然我早已离开当初那个公司,但是因为在这里与Drupal结下的不解之缘,一直延续着。

希望通过本篇,可以抛砖引玉,期待大家的学习经验分享,可以帮助后来人。

时间: 2024-10-26 17:58:28

一个web前端学习Drupal的经验总结的相关文章

web前端学习——零基础web前端学习路线

买了一些前端入门书籍,好像也看不太明白?看了好多视频教程似乎也是似懂非懂?如果你现在是初学前端,入门的话,可以看看下面内容--或者有一点帮助学习前端,前端就好比如盖房子~html就充当了房子结构这部分,也是房子的基础.css呢,就好比咱们房子的装修,墙面什么颜色,什么风格,什么地板-这些给房子改变风格,样式的就是cssjavascript呢,就好比这个房子的功能,房子需要制冷吧,需要暖气吧,也需要上下水吧.这些功能性的就相当于是javascript例子可能不是很恰当,只是帮助大家有个初步的认识~

一个web前端的问题,我想临摹一个知乎的首页,有一些问题不太懂

问题描述 一个web前端的问题,我想临摹一个知乎的首页,有一些问题不太懂 如图,它的背景我觉得很好看是一个动态的效果,如何才能实现这种效果? 我一开始以为是一张gif图,但是没找到图片的源 解决方案 刚去看了下知乎是js 实现的 地址 https://github.com/VincentGarreau/particles.js demo http://codepen.io/VincentGarreau/pen/pnlso 解决方案二: 按下f12,切换到css面板,你想知道什么它都能告诉你. 解

2015 WEB前端学习路线图

2015 WEB前端学习路线图,欢迎小伙伴补充 @落雨

参加web前端学习前需要知道的注意事项

随着web前端的飞速发展,学习web前端的人员也是越来越多,从目前web前端行业发展形式来看,学习web前端最快最高效的方法就是参加web前端培训了.其实,参加web前端培训是一个循序渐进的过程,那么我们在参加web前端培训时都需要注意什么呢?今天来为大家分享以下几点建议. 第一,基础的重要性 无论做什么都一定要有扎实的基础,参加web前端培训也不例外,只有基础牢固,才能更深入的学习新技能.作为一名初级的web前端工程师,你必须要具备最基础的技术要素:HTML,CSS和JavaScript.这是

web 前端学习笔记(1)

<span style="color: rgb(255, 0, 0); "><strong>HTML5 学习</strong></span> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>第一个网站</title> </head> <body> 学

web 前端学习笔记

  <!DOCTYPE HTML> <head> <style type="text/css"> body {  background: #ff0000 url(img/QQ图片20150821075230.ico) no-repeat fixed center ;    //no-repeat fixed center  无重复固定中心 } p.bottommargin { margin-bottom: 205px; color: black; b

为什么你的Web前端工作经验不值钱?

每年的三月到六月,都是招聘高峰,除了大量的应届毕业生涌入社会之外,还有一些工作了一两年尚未找到稳定归属感的人,也会开始投递简历(没错,基本都是在拿了年终奖之后). 作为前端技术主管,有幸,或者说是不幸,我需要在这些投递过来简历的人中,耗费大量精力来筛选符合公司要求.团队发展.技术基础三方面条件的人选. 我不是一个擅长技巧的面试官,尽管公司HR也给我们培训过招聘的原则.技巧,但是真正的体验和感受,却是在做了大量面试之后自然而然悟出来的.常见的招聘要求中,基本都有"工作经验"的要求,而且都

用户体验设计:产品工程师和WEB前端工程师

我敢打赌,在中国,一半以上甚至更多的,以网站为主营业务的或者把网站很看重的公司,没有Web前端工程师和产品工程师这两个职位,甚至有些有点规模的公司也可能没有这个职位,当然,这不能包括像alibaba,sina,163这样的公司,只是指中小型公司而言.如果你们公司有,请给我留言告诉我你们公司的规模和相关的信息. 做得好一点的公司,一般是项目经理/部门主管+投资方(项目管理中的投资方,实际上就是老板,反正就是决定你要做什么并给你钱的人)来承担产品工程师的角色,由美工来承担Web前端工程师的角色,特别

新手来看,常用的web前端技术

今天小编同学给小编安利了一个特别炫酷的页面,上面全是她的偶像照片,小编羡慕坏了.会web前端就是狂拽炫酷,小编想说求婚的随便写个网站给女票就好了嘛,还要啥套路. web前端看上去好像是搞文艺的,整天都要"符合顾客的审美",但其实它的重点主要是在功能方面,要超越桌面应用程序, Web应用程序必须提供简单.直观和即时响应的用户界面,让他们的用户花更少的精力和时间.  今天小编告诉大家一些web前端小技术,帮助大家做更好的攻城狮. 界面元素的需求 在Web前端设计中,简单清新的页面是很重要的