成都web前端培训
成都达内金融街中心

18628200088

热门课程

【成都达内】web前端入门不是你想象的那么难!

  • 时间:2017-12-19
  • 发布:达内杨老师
  • 来源:达内

    对于大部分零基础转行的同学,你想快速入门web前端,至少你懂得计算机的基础知识,拥有最基本的专业耐心,因为web大部分都是数据,你想入门web,耐心是不可缺少的一部分,那么web前端怎么入门呢?以下为由成都达内web培训机构帮你分析:

    一、web前端入门的基础知识

        HTML + CSS 前端的入门门槛极低,体现在HTML和CSS上。运行环境就是浏览器,推荐Chrome。你需要的只是一个文本编辑器,推荐Sublime Text 3,有不少好插件比如Emmet, HTML和CSS不是编程语言,前者只是结构标签,后者则是样式配置,只要你了解以上基本知识,入门是非常简单的。

    web前端现状

    文本编辑器:VS Code + 一系列插件

    包管理工具:npm

    JS:紧跟每年更新的ES标准,强烈推荐上TypeScript

    CSS:多了个PostCSS,以及CSS Modules等一系列模块化方案

    框架:React全家桶,Vue全家桶,本身就是全家桶的Angular(至少擅长其一)

    构建工具:webpack

    流程工具:npm script足够了,实在不够再用gulp

    额外值得强烈推荐的:函数式编程,响应式编程(RxJS)

    二、web前端入门的技巧

    1、使用reset.css

    火狐和IE这两种不同的浏览器,在绘制CSS样式方法上截然不同。这种情况下,使用reset.css重置所有的基本样式会让你得到一个全新的空样式表。

    2、CSS缩写

    CSS缩写简化了你的CSS代码,更重要的是,它让你的代码更加整洁易懂。

    3、理解class和id

    这两个选择器总是让初学者感到迷惑。在CSS中,Class和ID分别用点“.”和井号“#”来标识。简单来说id就是用来标识那些单独不重复的样式,而class是可以重复使用的。

    4、实用的<li>

    <li>也叫链接列表,在与<ol>或<ul>正确搭配的时候非常好用,尤其是用在导航菜单样式上。

    5、少用<table>多用<div>CSS最大的优势之 一是使用<div>达到样式上的灵活多变。

    不同于<table>,<div>里的内容不会 被锁在单元 格<td>中。可以说几乎所有的表格布局都可以在<div>和样式的正确使用下完成。当然,有大量表格内容时,还是 用 <table>吧。

    6、CSS调试工具

    在设计CSS时,能够得到页面布局的预览对于优化CSS样式和纠错是很有帮助的。这里有一些免费的CSS调试工具推荐给你,你可以把它装在浏览器上:比如FireFox Web Developer、DOM Inspector、Firebug等。

    7、!Important

    所有被!important 标记的样式,即使它后来被重写,浏览器也只会采用被标记的那条。

    web前端入门的渠道挺多的,只要你掌握你自己学习的一套方法,入门只是个开始,正所谓,万事开头难,学习web前端,你需要保持一颗平常心,不要把web想的那么难,既然学习web前端那么苦,为什么不快乐一点学呢?别人能做到的,相信你也能行,选择口碑优异的web前端培训机构一样可以帮助你学会并找到那份你喜欢的工作。



上一篇:【成都达内】惊!比较时间js还可以这样写
下一篇:【成都达内】web前端培训费用(真)
选择城市和中心
贵州省

广西省

海南省