我们最近的课程还是要完善一下基础的部分,特别是前端开发的基础,包括跟开发的工作流程相关的工具,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 的课程仍然会继续,也是咱们的重点科目。不过我觉得想要更好的学习它们,还是要把基础的东西学好。我们的第一步就是去建立起一个完整的知识框架,把这个基础打好,以后你想怎么装修,都可以随心所欲。
课程安排
评论
well done ..... :)
10 年 3 周 以前
期待的,这些是必不可少
10 年 3 周 以前
期待早点看到这些教程。文字版的手册与练习写起来其实挺费劲的,还得看半天,不如做成视频,一看就明白了。建议每个季度都说一下课程安排,这样挺好的!
10 年 3 周 以前
期待grunt,也同样期待Angularjs,前几天就听朋友说过,分不清他和backbone区别
10 年 3 周 以前
期待drupal的新课程。
10 年 3 周 以前
会有地,嘿嘿。
10 年 2 周 以前
期待WORDPRESS 的新課程...........
10 年 2 周 以前
加紧脚步啊。。。
10 年 2 周 以前
期待!!!
10 年 2 周 以前
有没有免费的啊。怎么都是要钱的啊
10 年 2 周 以前
期待wordpress的课程
10 年 2 周 以前
WordPress 一定会继续 :)
10 年 2 周 以前
宁老师,我看到您有app课程。我想问如果我学习了您的课程可以独立开发一款app出来么
10 年 2 周 以前
还需要一些课程,你可以再等等。我们以后可能会有实例课程。
10 年 2 周 以前
皓哥我想问一下,在每一个课程视频里,那个上一课下一课是怎么做出来的?谢谢。
10 年 2 周 以前
这个其实是一点 JavaScript,用 jQuery,先找到跟课程相关的所有的视频目录,然后定位到当前页面的视频,点击下一课,就找到当前视频的下一个,点击上一课就打开当前视频的上一个。
10 年 2 周 以前
皓哥,前端视频什么时候能出来呢!超期待能早日看到它们,想好好跟着您学好前端找个好点的工作。赞一个
10 年 2 周 以前
好的,一定!你也可以先说说工作需求。
10 年 2 周 以前
皓哥,我最近正在学习您的bootstrap课程,现在有个问题,bootstrap怎么挂到已经在使用的wordpress网站呢? 我试了试,但是失败了。求教!
10 年 2 周 以前
这个你需要先了解 WordPress 主题是怎么回事,可以参考 WordPress 主题开发这个课程。
10 年 2 周 以前
好的,谢谢。我这就看看,wordpress改css似乎比joomla难一些
10 年 2 周 以前
我用的是rockettheme家的wordpress主题
10 年 2 周 以前
通过学习你的视频,我学习的速度确实提升了,节省了很多时间和精力,在此表示感谢,也是因为你首页的第一句话而订购的这个课程。本人本身是做设计的,跟网页网络牵扯不大,但是鉴于现在互联网的野蛮生长,觉得不学习这些东西似乎会落伍,另外总是萌生很多APP和网页设计的想法,所以还是想踏踏实实学习一下。本人自认为学习速度非常快,零基础的情况下,半个多月用wordpress建起了自己的网站,虽然还是很简陋,很多想法也是照搬教程的内容,但是短时间里已经有了对网页设计的整体知识框架。通过视频学习,过程比以前流程了很多但是还是在很多基础方面还是遇到了很多麻烦,比如所有操作和命令都和你一样,最后的结果却不一样的情况比比皆是,当然还是基础比较薄弱的原因。鉴于我以前的学习方法,学习任何科目(除了语言,英语德语等)都是先有大体的知识框架,然后在慢慢去通过各种给养去填充,所以今天看到王皓将到知识体系的博文就特别想说一下我的体会。特别希望王皓能够整理一些网页设计的相对完善的知识框架,课程体系也遵循知识框架的逻辑进行更新,一个简单的树状图和各种技术、软件的WIKI知识库等都能给大家建立一个直观的感受。
10 年 2 周 以前
哎呀,很好。这个框架图一定要做出来。
10 年 2 周 以前
另外如果精力允许的情况下,还可以完善以下几个方面的工作。1、能有一个论坛形式的问答环节,在课程学习中遇到的问题可以通过学员之间的相互提问和分享得到解决,在后期制作教程中也更有针对性;2、本人学习这些技术的原因也是因为有一些项目和自己的创意去完成,但是其实个人的力量和控制力都是不足的,可以有一个分享创意的平台,更容易找到合作的伙伴,也是一件非常有意义的事情;更何况大家在这里学习的目的是提升,其结果也是要通过项目的结果得到体现的。学习的目的是熟练地使用并创造,大家在学习过这些课程后,想从事网页设计的工作,可是找到工作也是非常麻烦的,这些职位往往都是通过项目和作品去看一个人的能力的。所以从各个角度来说,大家都能够得到自己想要的东西,是一件共赢的事情。 目前就先想到这些,希望能得到皓哥的答复,想听听您的意见。
10 年 2 周 以前
特别好的建议,等我先把这个大框架做出来。然后再去完善基础设施。嘿嘿 :)
10 年 2 周 以前
嗯,支持、期待
10 年 2 周 以前
jack.mu 的建議真的很棒,的確國外的課程大都會把框架說一遍,再來講細部就容易貫通。
知識庫也很重要,把大家遇到的問題透過知識庫或論壇發問與找到答案,達到共享功能,可以造福不少人啊~
10 年 2 周 以前
实施!
10 年 2 周 以前
老王弄得不错~!你这网站价值很高,我看技校都没有教的这么好。
10 年 2 周 以前
嘿嘿,谢了Gary:)
10 年 2 周 以前
能不能麻烦出一个建立邮局系统的教程,最近一直没有摸索明白。
10 年 2 周 以前
能发邮件就行吗?
10 年 1 周 以前
我是想用Postfix搭建自己的邮局系统,可以绑定mail的二级域名,自己通过mysql管理用户等,我参考的这几个网站,http://www.qiansw.com/centos-6-install-iredmail-mail-system.html http://www.server110.com/postfix/201312/4104.html http://www.server-world.info/en/note?os=CentOS_6&p=mail&f=4 ,但是我始终没有成功,最后觉得自己服务器已经各种混乱了。
10 年 1 周 以前
那天我配置好了以后,wordpress@我的域名,竟然给我发送comment的邮件过来了,我也能够注册邮箱,但是使用无法通过MAC的mail代理连接上,另外也无法管理。
10 年 1 周 以前
先在本地测试能行吗,可以使用 Vagrant 搭建一些虚拟机。
10 年 1 周 以前
看见这个,感觉自己学习有望了,希望早出。加油!
10 年 1 周 以前
好来!
10 年 1 周 以前
能否以一个 学习计划,或是完整的知识结构的接触顺序,去分类,排序现有的课程。 现在的课程成列方式,有点像杂货混放的方式。
10 年 4 天 以前
嗯。好来。 做完最近的课程以后,我们去做这个计划。
10 年 3 天 以前
lightcorn的建議加 1
如果可以把課程以程度或應學的先後次序排出來,對於想學習的同學比較有個指引,學習起來也比較有效率。
9 年 12 个月 以前
看了淘宝盗版的视频,坚决找过来成了付费会员,我太喜欢这样的作品了,取消早上的茶叶蛋以示支持!
9 年 12 个月 以前
谢谢啊
9 年 11 个月 以前
有盗版的视频啦!
9 年 11 个月 以前
坚决抵制!
9 年 11 个月 以前
期待您讲Angular.js
9 年 11 个月 以前
好来!
9 年 11 个月 以前
期待新的课程,而且确实得抽空好好学学Wordpress了。我估计我在这些付费的学院里看过的课程应该是最少的,哈哈,惭愧……不过会继续支持的,内容很好,加油!
9 年 11 个月 以前
宁皓网站的社区,还会有吗?
9 年 11 个月 以前
王老师,弱弱的说一句,课程的费用有点高……
9 年 10 个月 以前
嘿嘿,还行吧。
9 年 10 个月 以前