关于怎么样开启前端之路

点击这里查看更多请添加链接描述
我相信小伙伴们的很迷茫吧?想学前端又不知道怎么学、
1.开发环境:初学web前端主要涉及的几类文件如下图,后缀分别为html、css、js,你可以直接使用普通文本编辑器,在保存文件时更改文件后缀即可。当然我们更常用图中的DreamWeaver,WS,Sublime,Hbuilder等专业编辑器。其中轻量级Sublime运行流畅较为受欢迎,DW最为常用,WS工作使用较多。该类软件百度即可下载到,且安装简单,按照提示一步一步来即可。
2.浏览器:web前端是针对浏览器展示的网页进行开发的,所以浏览器在学习过程中必不可少的,由于目前几种主流浏览器的内核各不相同,所以为了更好地学习了解各类浏览器的兼容性,我们需要在电脑上安装chrome、Safari、Firefox、IE,图为我整理的常见内核对应的浏览器。
3.学习路线:学习初期路线明确简单,建议开始不要考虑太多,按照如下路线打基础即可:html→css→js以及一些常用框架。图为前端技能要点,可作为后期学习目标。
4.官方学习站点:这里推荐一个官方学习网站w3c,百度第一条即是,其中包含的课程如图示,十分适合初学者学习和查阅,亦可作为学习路线。
5.除去前面提到的开发工具,你还需要安装一个PS或Firework等图像处理软件,利用他们对美工设计好的网页demo进行分析、修改、定宽高等。只需熟悉常用功能即可。
最后一个小贴士,学习web前端最重要的就是实践,不论你是看w3c还是选择了一些视频课程,一定要自己动手多敲多练,做一些自己的小项目,才能将零散的知识融会贯通、学以致用。

原文地址:http://blog.51cto.com/13941970/2165582

时间: 2024-10-22 11:26:59

关于怎么样开启前端之路的相关文章

【前端之路】这世上哪有一路鲜花的康庄大道

一:程序员基本功 1:数据结构+算法  (acm/icpc/oj ) 2:离散数学,数字逻辑,线性代数,概率论,数理统计(学堂在线,mooc) 3:计算机组成原理,操作系统,编译原理 二:语言基础 1:html(html5网页游戏开发,微信游戏开发) W3Schools-HTML(英) , W3School-HTML(中) <HTML5高级程序设计 > 2:css(css设计基本功,css3动画) <精通CSS> <瞬间之美 ><网站重构 ><CSS禅

【系列】后端程序员前端之路(2016/3/24更新)

后端程序员前端之路01 后端程序员前端之路02--CSS选择器详解 后端程序员前端之路03--HTML语义化 后端程序员前端之路04--html元素分类 后端程序员前端之路05--盒子模型详解 后端程序员前端之路06--布局模型,颜色值,长度值 --不断更新中,如果有帮助到你,请点“推荐”.你的支持,是我坚持的动力O(∩_∩)O谢谢~

漫谈前端之路

前言 前端之路何其漫漫~ 说明:本篇文章原是写给学弟学妹的,但想来花的功夫确实不少,就把此篇文章当做自己的一个阶段性总结文章了,会保持长期更新. HTML 总的来说HTML并不难,甚至可以说很无脑--HTML的标签个人觉得过一遍就得,知道什么时候该用什么标签就可以了,因为在以后的开发中打交道最多的就是各种各样的标签,想不熟都难.就像现在我写这篇文章用的Markdown一样,只是几个标签的反复应用.那么html的学习就相对来说很自由了,可以跟着w3schoolW3school网址过一遍标签,网上也

我的前端之路

从事前端工作刚刚一月有余,作为一个通过自学而进入这个行业的人来说,未来充满着挑战.前端之路怎么走,总是萦绕在我脑海里,每天面对各式各样的技巧,各种炫幻的效果,恨不得自己全部能够实现它们,但有时觉得自己太浮躁了,基础不牢固.带着这些困惑,一个多月来感觉自己提升的太少,提升的太慢,难道这是每个前端er必须经历的吗?

前端的路还很长

1.会做一些简单的设计(能够熟练使用ps.fireworks.ai.Flash等设计软件做出一些特定的效果) 2.使用html+css进行合理的页面布局 (考虑页面兼容性---->最终要学会做响应式页面或者能够做                               到页面的自适应:注意一下他们的区别于联系                               性能优化------>了解浏览器怎样工作的:渲染与重绘) 3.使用css3做出一些特定的动画效果(Canvas或SVG也可

牵手《如果爱》,颜值ivvi开启品牌之路

在ivvi品牌发布半年之后,ivvi开启了自己的品牌之路. 6月11日下午, ivvi手机携手湖北卫视知名爱情真人秀节目<如果爱>,在湖北发布了新手机ivvi小i.<如果爱>第二季明星李光洙.钟丽缇.熊黛林.张檬.张伦硕.范世琦到场助阵. ivvi小i厚度仅4.9mm,在设计上采用smooth(顺滑)的设计理念,具有非常高的颜值.此外,小i无边框设计屏幕搭配2.5D弧面玻璃,拥有绝佳的手感.其"息屏拍照"技术,只需双击声音键即可拍照,内置美妆功能,设有韩系.甜美

yii模型规则的简单使用以及开启前端的验证(七)

之前博客里有过一次小物件的使用,不错没有结合model验证,今天就结合model来做一下前台表单的验证吧,带你先简单的了解下model里的一些方法,详细的等我研究深了再来写过来哈. 1.首先,model的生成的话 ,使用 gii生成就可以了,至于gii的使用,在之前已经提过了,可以往前翻一下,输入表名作为model名就可以了. 我想说下里面的几个方法是做什么用的. public static function model($className=__CLASS__) { return parent

第24课 《前端之路,以不变应万变》

今天的内容有些借鉴于业内大佬的内容,由于本人技术实在太渣,几乎没有可以用来演讲的素材.抱歉 大家好,我是来自存勖科技的Rocken.我今天演讲的内容是:前端的未来.大家都知道,前端所依托的基础直到上世纪九十年代才出现,前端职位也是近十年才出现的.之前大多数是后端工程师在做前端的事情,随着前端内容的不断增加,前端方面的工作也越来越多,这时候如果全部由后端来做的话就不大现实了.所有就出现了咱们前端工程师这个物种.我相信在座的各位都有一种感觉,那就是发展太快了.各种框架.工具层出不穷,我记得当初发布d

《前端之路》- TypeScript(二) 函数篇

目录 一.定义函数方法 二.定义函数传参 三.可选传参 四.默认传参 五.传递剩余参数 六.函数重载 七.箭头函数 八.总结 一.定义函数方法 在 es5 中定时函数的方法有 命名函数和函数表达式(匿名函数)这门两种.那么同样的,在 TypeScript 中,函数的定义是什么样子的呢? 1-1 命名函数 这里需要注意的一点是: viod 类型,是函数不返回任何类型数据 TypeScript 语法 function func1(): string { return '213'; } functio