web前端都学什么技术啊?

大白今天吃了吗


web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。

随着互联网的高速发展,网站的前端由此发生了翻天覆地的变化,网页不再只是承载单一的文字和图片,软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术来实现的。用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术,相反存贮于服务器端的统称为后端技术.

前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等.

通俗的讲,你平时使用的手机应用、玩的网页游戏等等,都是属于web前端开发领域的。

前端技术的发展是互联网自身发展变化的一个缩影。

前端技术指通过浏览器到用户端计算机的统称,存贮于服务器端的统称为后端技术。前端开发主要职能就是把网站的界面更好地呈现给用户。

以前会Photoshop和Dreamweaver就可以制作网页,随着网站开发难度加大、开发方式多样,网页制作更接近传统的网站后台开发,网页制作更多被称为Web前端开发。前端技术包括4个部分:前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等。

在Web1.0时代,由于网速和终端能力的限制,大部分网站只能呈现简单的图文信息,并不能满足用户在界面上的需求,对界面技术的要求也不高。随着硬件的完善、高性能浏览器的出现和宽带的普及,技术可以在用户体验方面实现更多种可能,前端技术领域迸发出旺盛的生命力。




挽清词


web前端开发主要学习内容有以下8个阶段:

阶段1.前端核心基础

HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架

阶段2.HTML5 + CSS3 + 移动端核心

HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练

阶段3.移动端

移动端核心、移动端适配、移动端特效

阶段4.服务器端

服务器端开发、数据库操作、前后端交互核心、微信公众号开发

阶段5.JavaScript高级

JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程、JavaScript设计模式

阶段6.前端必备

性能优化、版本控制工具、模块化、项目构建工具

阶段7.高级框架

React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析

阶段8.小程序

原生小程序入门、原生小程序API使用、小程序框架Mpvue


放飞的kite


一、HTML、CSS基础、JavaScript语法基础。学完基础后,可以仿照电商网站(例如京东、小米)做首页的布局。

二、JavaScript语法进阶。包括:作用域和闭包、this和对象原型等。相信我,JS语法,永远是面试中最重要的部分。

三、jQuery、Ajax等。jQuery没有过时,它仍然是前端基础的一部分。

四、ES6语法。这部分属于JS新增的语法,面试必问。其中,关于 promise、async 等内容要尤其关注。

五、HTML5和CSS3。要熟悉其中的新特性。

六、canvas。面试时,有的公司不一定会问canvas,靠运气。如果时间不够,这部分的内容可以先不学。但如果你会,绝对属于加分项。

七、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。

八、前端框架:Vue.js和React。这两个框架至少要会一个。入门时,建议先学Vue.js,上手相对容易。但无论如何,同时掌握 Vue 和 React 才是合格的前端同学。

九、Node.js。属于加分项,如果时间不够,可以先不学,但至少要知道 node 环境的配置。

十、自动化工具:构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意,Sass 比 Less 用得多,gulp 比 grunt 用得多。

十一、前端综合:HTTP协议、跨域通信、安全问题(CSRF、XSS)、浏览器渲染机制、异步和单线程、页面性能优化、防抖动(Debouncing)和节流阀(Throtting)、lazyload、前端错误监控、虚拟DOM等。

十二、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外,前端常见的IDE有两个:WebStorm 和 Visual Studio Code。WebStorm 什么都好,可就是太卡顿;VS Code就相对轻量很多。个人总结一下:用VS Code 的人越来越多,用 WebStorm 的人越来越少。

十三、TypeScript(简称TS)。ES 是 JS 的标准,TS 是 JS 的超集。TS属于进阶内容,建议把上面的基础掌握之后,再学TS。

学习交流

我建了一个“前端学习”的交流群,目前来看,学习氛围很不错。进群要求:提问学习、少闲聊、多分享(长期潜水的,就不必了)。

零基础学前端,该怎么学习勒?

零基础学习web前端应该先学什么

web前端基础掌握要点

推荐的书籍

《你不知道的JavaScript》

上面这套书有上、中、下三本,你都可以读一读。如果时间不够,那就先读第一本。

《网络是怎样连接的》

程序员面试的时候,经常会被问的一个问题是:“在浏览器的地址栏输入url,按下回车后,发生了什么?”

为了清楚这个问题,看上面这本书,足够了。如果你想入门计算机网络,这本书也是必读的。评价非常高。

《css世界》关于 CSS 的书籍,首先推荐这本书,我身边的大佬们都说这本书好。虽然我不是大牛,但我也觉得这本书很好。

如果 js 熟练,说明你是有技术深度的前端;如果 css 熟练,说明你是有经验的前端。


ordinary日记


前端基础分为Html,css,javascript三大模块,俗称前端三板斧。其中html相当于网页的框架,css相当于框架的内容填充,js主要对网页内容执行一系列操作。

这三部分基础完成之后,有一些可以提高效率的框架,比如jquery,vue,react等,可以针对性的对其进行学习。

此外,还有webpack,gulp等打包工具可以提升我们的开发效率。

如果你还想深入学习,可以学习node,其相当于服务器端的js,并且用node搭建服务器,做文件处理,发布npm包等。

如果想了解一些服务端,可以简单学习一下linux系统,增加自己的知识面。

此外,还有一些零散的知识,如包的管理,js的超集ts,模块化标准,es6等。

希望以上回答能帮助到你,如果有不明白的地方,欢迎发消息给我,我会尽力一一解答。


谷美的世界


首先肯定要学习web前端三剑客:

1. HTML css JavaScript 这三个是基础

2看一些类库,如jQuery

3理解面向对象的思想

4数据结构和算法

5学习现在流行的响应式设计bootstrap

6学习vue,angular ,react等mvvm编程

7熟悉http标准,w3c标准等


分享到:


相關文章: