返回首页

web能做什么工作?

来源:www.chengshu.net   时间:2022-06-20 14:02   点击:146  编辑:苗婵   手机版

web前端开发工程师,做的工作与网站前/后台系统的页面相来关,使用到的主要技术包括:HTML、CSS、JavaScript,如果能会后台编程语言,当然会更好。 现代web前端开发已经不能像传统web开发已经简单的描述成切图、css、js了(这是 @脑子不大 的回答)。在新的HTML5规范中,加入很多新的特性,这样就对web前端工程师有了更高的要求,自比如数据库操作,使用cancvs、css3绘图。 切图这个概念已经是过去时了,早期由于技术匮乏,所以要将设计图切成一块一块,并拼接成网页。现在则能使用html5组织页面,使用css3绘图,很多元素已经不需要再使用图片还原设计,这是一个最大的进步。 JavaScript也在向更强大的编程语言发展,新的ECMAScript6的标准也在制定中。 最后,最重要的一点,Web前端技术的生态环境现在在发展,Chrome OS、Firefox OS都是未zhidao来能直接使用原生前端技术开发程序的系统。包括现在很多浏览器的插件,也是直接使用前端技术开发。NodeJS也是未来的一个大热门方向,它让前端技术可以做后台开发。

游戏,视频,直播,电商网站,论坛只有你想不到,没有做不到

一个合格的web前端需要掌握哪些技术?

前端三大基础技能HTML、CSS、JS自不必说,这是前端吃饭的东西。

TCP/IP、浏览器渲染原理、前端性能优化兼容、PC/M端开发、DOM、BOM、计算机原理(基础,一般软件或计算机出身的都知道)等。

就目前社会上需要的而言,除了基础之外,会要求掌握Vue、react、ng、node等一个或多个知识。隐约已经成为了一个事实的标准,但这些知识你可以看出,都是JS,没错都是JS,所以说JS的掌握程度越高,你学习这些框架越轻松,毕竟这些都是API嘛。

还有就是一些npm、yarn、gulp、webpack等工具的使用。

大部分要求是这样的了,团队的技术栈也是围绕着这些。但是对于应届生其实没这么高的要求,基础掌握大致就是不错的了。毕竟应届生大概是什么水平团队都是知道的。能有个工作三五年的老司机有经验吗?可能性不大,毕竟很多东西是需要项目来淬炼的。

诚邀回答~

web前端技术是近年来一个新兴职业,是伴随着web兴起而细分进去的行业。web前端技术是由网页制作演变而来的,在互联网的演变进程中不断发展。

近些年,web前端人才的市场需求量持续上涨,企业对于web前端从业人员的技能要求和职业素养也越来越高。那么一名合格的web前端需要掌握哪些技术?下面我帮大家详细罗列一下,希望能对大家的学习和工作有所帮助。

一、前端页面重构(1)PC端网站布局

HTML基础,CSS基础,CSS核心属性,CSS样式层叠,继承,盒模型,容器,溢出及元素类型,浏览器兼容与宽高自适度,定位,锚点与透明,图片整合,表格,CSS属性与滤镜

(2)HTML5+CSS3基础项目

HTML5新增的元素与属性,表单域增强元素,CSS3选择器,文字字体相关样式,CSS3位移与变形处理,CSS3 2D转换与过度动画,CSS3 3D转换与关键帧动画,弹性盒模型,媒体查询,响应式设计,

(3)WebApp页面布局项目

移动端页面设计规范,移动端切图,文字流式/控件弹性/图片等比例/特殊设计的100%布局,等比缩放布局,viewport/meta,rem/vw的使用,flexbox详解,移动web特别样式处理(reset, 1px border, 高清图片)

二、JavaScript高级程序设计(1)原生JavaScript交互功能开发项目

基本语法,循环语句,函数与数组,String与Date,BOM与DOM,事件,拖拽效果,cookie存储,正则表达式,Ajax,面向对象基础,运动与游戏开发

(2)面向对象进阶与ES5/ES6应用项目

Promise/A+,设计模式(观察者模式等),原型链,构造函数,执行上下文栈与执行上下文,变量对象与活动对象,作用域链,闭包,this,ES5,ES6

(3)JavaScript工具库自主研发项目

DOM库,事件库,AJAX库,原型和继承库,MVVM核心库,基于SPA的路由库

三、PC端全栈项目开发(1)jQuery经典交互特效开发

时间轴特效,tab页面切换效果,网页定位导航特效,滑动门特效,焦点图轮播特效,导航条菜单效果,瀑布流特效,弹出层效果,倒计时效果,抽奖效果

(2)PHP+MySQL后端基础项目

PHP,MySQL,HTTP(s)协议详解,Ajax进阶、跨域与Defered,Apache与Nginx 环境搭建与配置,接口的定义,Mock数据,Restful,前后端联调,前端安全(XSS,CSRF,JSON注入)

(3)前端工程化与模块化应用项目

Gulp,Webpack,NPM,Git/SVN,CommonJS,AMD,CMD,ES6模块化

四、移动端WebApp开发(1)应用Vue.js开发WebApp项目

Vue.js基础,模块化,单文件组件,路由,与服务器通信,状态管理,单元测试与生产发布,服务端渲染SSR与Nuxt.js,基于Vue.js企业级项目开发(Mint UI, Element UI)

(2)应用React.js开发WebApp项目

ReactJS基础,JSX语法,组件,flux+Redux,React,Router路由,动画效果,基于React 企业级项目研发( Antd, Antd Mobile)

(3)应用Angular开发WebApp项目

TypeScript 基础与进阶,开发环境配置,Hello World,架构、模块与组件,模板,元数据、数据绑定与数据显示,表单,服务与指令,依赖注入,路由,Ionic 3 MUI框架,

项目实战

五、混合(Hybrid,RN)开发(1)微信公众号开发

初识微信公众号,订阅号的基本功能,使用百度BAE实现代码的快速上线,使用Git完成线上代码部署,公众号开发权限及功能接入,微信JSSDK接口API,微信场景项目开发与接入

(2)微信小程序开发

微信小程序初探,小程序入门必学,小程序组件体验,小程序大功能,项目实战带你征服小程序

(3)React Native

React Native 初探,React Native 项目导航,React Native 项目文本框,React Native 项目滚动分页,React Native 项目第三方登录,React Native 其他组件

(4)各类混合应用开发

自主原生Navtive Hybrid(iOS、Android),第三方Hybrid框架Cordova/Phone gap,

第三方Hybrid框架MUI + HTML5+

六、NodeJS全栈开发(1)Node.js基础项目

NodeJS介绍,开发环境搭建,模块与包管理工具,CommonJS模块,URL网址解析,QueryString参数处理,HTTP模块,HTTP小爬虫,request方法,事件 events模块,

文件 fs模块,Stream 流模块,原生路由与参数接收,读取图片文件,npm scripts,Yarn 与 PM2,

(2)MongoDB

MongoDB介绍与环境搭建,数据库常用命令,Collection聚集集合,document文档操作,聚集集合查询,NodeJS连接MongoDB

(3)GraphGL

GraphQL初探:从REST到GraphQL,GraphGL安装,准备数据源,搭建GraphQL服务器,数据查询

(4)Express

express 介绍,安装和创建基于Express的项目,Express 4.1x 初始化项目详解,路由简介,模板引擎EJS,模板引擎Pug(Jade)

(5)Koa

Koa入门、Koa应用、中间件、Context、async await、请求与响应

(6)测试框架mocha

搭建框架、断言assert、项目测试、运行多个测试

(7)socket 即时通信项目

Socket简介和通讯流程,基于net模块实现socket,WebSocket,Socket.io

(8)Node.js高级全栈项目

基于Vue+Node+MongoDB的高级全栈项目开发

七、大数据可视化(1)大数据可视化化基础与实战

数据可视化入门,数据可视化基础,零编程工具使用:ChartBlocks、Infogram、plotly、Raw、Tableau,D3.js详解,D3.js 入门,D3.js 高级应用,D3.js 应用工具:NVD3、n3,charts,Highcharts,FusionCharts,Polymaps,项目实战

顶一下
(0)
0%
踩一下
(0)
0%