web前段都需要学什么

如题所述

了解web前端

Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态
的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆
地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技
术实现的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。就小规模公司而言,一个技术员都得会这几样技能,这样
很锻炼人的,慢慢的你就会成为公司的主力。大规模的公司把这些分得很细,所以,你可以精通一门,熟悉其他的,进军大公司。

网页开发工具

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

学习内容

HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其实非常低,与服务器端语言先慢后
快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。也正因为如此,前端开发的领域有很多自学
成“才”的同行。html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学
javascript。如果你把每天看电影、看电视剧的时间用来学习,我想一个星期入门是没有问题的。

基础知识:

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

《10条HTML代码编写技巧》

《CSS简明教程》

《Div+CSS 规则整理 以及注意问题》

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

《JS经典实例》

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

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

《学习Html5建站教程(一)Html5简介》

《学习Html5建站教程(二)Html5 语法与规则》

《学习Html5建站教程(三)Html5博客页面设计之理论》

《学习Html5建站教程(四)用HTML5做个人的网站》

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

6、熟悉一门后台编程语言 asp、php、jsp等 《关于asp、php、asp.net、jsp的学习心得、介绍及优缺点比较》
温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-05-18
Web前端工程师是协调前端工程师、后端程序员实现网站页面活程序的界面美化、交互体验的IT技术开发人员,需要精通HTML5、CSS3、JavaScript、jQuery、Ajax等核心的Web前端技术,具备互联网交互设计能力,熟悉后端服务器运行环境和数据通信协议,掌握响应式布局架构、Bootstrap/AngularJS等最新的框架。
第2个回答  2017-09-22
1、预学习知识:HTMl5+ CSS3
前端学习的基础技能需要掌握HTMl+ CSS的基础内容
学习内容:基础标签div,span,p,ul,li,input等
CSS:语法、派生选择器、id选择器、类选择器、属性选择器
CSS基本样式:背景,字体、链接、列表、表格、轮廓
CSS盒子,CSS选择器,CSS常用操作
2、中级前端
CSS3
动画
HTML5
新增标签、浏览器适配
JS-基础
实现、输出、语法与注释、变量和数据类型、javaScript函数、JavaScript异常处理和事件处理、DOM对象、正则表达式等
重点掌握:Jquery、angularJS、bootstrap
3、高级前端:
移动端:nodejs,vuejs
CSS:面向对象的CSS、CSS的后处理、Less、SASS
JavaScript:模块化。数据推送、高级函数、面向切面、多线程、设计模式
Web安全
相似回答