学习web前端,需要掌握哪些知识点

如题所述

学习web前端前,你需要了解这些:

    了解web前端

    Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。

    网页开发工具

    学习web前端开发,网页开发工具有FrontPage,会用Word的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具,我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面,融合了html5一些新的内容。包括网格布局什么的。

    学习内容

    HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。

    前端开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。也正因为如此,前端开发的领域有很多自学成“才”的同行。

    html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。

    基础知识:

    ①html + css。这部分建议在网上学习,边学边练,每章后还有小测试。之后可以模仿一些网站做些页面。本站提供的个人博客模板都是比较简单的单页,可以下载下来模仿自己做一个。理解css每个元素的属性,样式的实现不一定只有一种写法,多想一想还有没有什么需要改进的地方。

    ②JavaScript。不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先网上学习。

    ③Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。

    ④html5和css3。可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。

    ⑤浏览器兼容。懂web标准,熟练手写xhtml css3并符合 符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。通过验证指定URI的CSS内容,可以帮我们检查一下有没有错误。

    ⑥熟悉一门后台编程语言asp、php、jsp等

    web前端设计师前景

    这行门槛是很低的,所以薪资阶段也不一样。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-12-04
第一阶段:前端页面重构
内容包含了:PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目。
第二阶段:JavaScript高级程序设计
内容包含:原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目。
第三阶段:PC端全栈项目开发
内容包含:jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目。

第四阶段:移动端项目开发
内容包含:Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目。
第五阶段:混合(Hybrid,ReactNative)开发
内容包含:微信小程序开发、React Native、各类混合应用开发。
第六阶段:NodeJS全栈开发
内容包括:WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库。
第七阶段:大数据可视化
内容包含:大数据可视化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库。