Web前端初学者需要学什么?以后的薪资待遇怎么样?
谢邀。初学者的话,一开始都从html,css,JavaScript开始的,然后再学习一些常用的框架,比如jq,vue,angular,bootstrap等等。不要求很精通,一些基本的属性,基本的api了解,会用,找一个初级前端的工作基本就没什么问提了,初级前端的话在深圳大概是5~8k的样子吧。但前端属于易懂难精,而且前端技术更新换代很快,所以基础知识一定要学扎实,并且要不停的学习,只有这样,不管框架怎么变,你都能很快的入手,万变不离其宗。如果想更进一步成为高级前端工程师,架构师的话,那就不能停留在api的使用阶段了,必须要深入底层,多看看设计模式,框架的源码,弄明白底层实现的原理,有必要的话,还可以接触一些后端语言,数据库的操作什么的,现在越来越多的公司要求的是web全栈工程师。当你能读懂源码,并且有一定的框架开发能力的时候,工资什么的就大胆地往高了开吧,多的是手里挥舞着大把钞票却招不到高精尖人才的公司。最后,祝前程似锦,钱程无量
经常会有许多小白问我,我想学web前端,我就问他,你能告诉我那些前端技术吗?结果往往是沉默不语。一个自己都不知道自己要学习的技术,怎么可能得到你自己想要的?下面小编就统一给大家讲一下前端初学者需要掌握的技术点。
HTML5和CSS3基础
随着时代的发展,移动互联网已经成为绝对的趋势,尤其是4G时代,目前HTML5+CSS3已成为新一代的web前端技术,所以学会h5和CSS3的重要性可想而知。
其次,为了能够深层次的学习Html,必需了解 HTML5发展历史,以及它与早期html的区别,以及他新增与废弃的元素要有大致的了解。当学到网页的外观,就需要学习 CSS 了,就像刚建好的房子一样, 通过装修将房子修饰的更加漂亮。同样CSS它可以帮你把网页做得更美观。
而后,当自己有一定基础后,可以试着通过所学的 HTML5 和 CSS3 模拟一些你网站的排版和布局(色彩,图片,文字样式等等)。
了解Javascript和DOM
Javascript是一种脚本语言。它可以使网页“动”起来,使得网页更加生动活泼。所以学习 Javascript的基本语法,试着用 Javascript操作网页中 DOM 元素也是不可或缺的技术。接着学习使用一些 Jquery库, Jquery 是大部分 Web开发人员都喜欢用的,通过 Jquery 可以有效的提高 Java 的开发效率,而且相对于javascript代码量会少的多,却能够达到同样的效果。Web前端核心
学习 完Jquery 之后,也正式入门了。要想进一步的提高 ,就涉及到 HTML5 高级阶段,这一阶段需要学习的技术有:HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证....等等
学习到目前,那么你就可以完成较复杂的项目,比如留言系统,博客系统,心愿墙,以及商品展示添加,登入功能。
HTTP协议和PHP语言
学习到这一部分,也就意味离自己独立开发一个公司网站,系统,或者商场就不远了。
当然这一阶段主要是和数据库打交到。学习php也无非就是一个和数据库交往实现人机交互的过程。不要被传统的思想影响,后台没有你想的那么难。
服务器端脚本编程,也就是大家常听到的后台开发。也是Web开发人员的基本功之一。
要实现人机交互通常会使用到数据库,通常PHP使用MySQL数据库最为贴切,有“黄金搭档”之称。
同时会涉及到几种技术比如:Apache、php、数据库。下面我简单解释一下它们之间的关系。
1、Apache它是服务器基础,也可以理解为php运行的必要环境。php和数据库都需要Apache来协调工作
2、php是一种脚本型的解释语言,有了php,就可以使得网页由静态转为动态,也就是通常所说的人机交互,无非就是加入了一个数据库。
薪资问题
说到工资肯定很多人会问,我高中毕业会影响工资吗?那我问你,如果你是老板,你会花更多的钱雇一个学历较高,但能力不怎么突出还是选择花同样的钱找一个学历相当,工作能力突出,能为公司解决问题带来效益的人?每个人的能力不一,所以拿的工资也不一。
HTML, CSS, JS 还用说?
jQuery?抱歉,我实在不会让自己小伙伴花太多时间学这个。
当下,国内 Vue,国际 React。对应 Weex 与 React Native。
别搞那些花里胡哨,就两条线。
三件套 + Vue + Weex(可选)
三件套 + React + RN(可选)
可选因为存在 Cordova 与 HBuilder 神器。
以上够你吃两年,后面前端迭代太快,没法保证。
jQuery 用的时候去查 api 就够了!
有空花时间学 JQ,宁愿去学 Bash Shell。
第一阶段
- HTML+CSS核心基础
- HTML,CSS核心基础
- CSS过渡
- HTML5语义化标签
- 线性渐变,径向渐变
- HTML新增标签属性
- CSS动画Animation
- 表单项新增属性
- 弹性盒模型
- CSS选择器
- 经典布局练习(双飞翼,
- CSS3伪类 品字布局) + 案例
- CSS伪元素
- 响应式布局
第二阶段JavaScript
- JavaScript基础
- JavaScript操作DOM
- JavaScript面向对象(js高级)
第三阶段PC端整栈开发
- PC项目
- jQuery
- jQuery项目
- less
- bootStrap
第四阶段ES6+Node+工程化
- ES6/7/8
- promise
- npm常用命令
- git基础(常用操作)
- git高级
- Node.js基础
- git基础(常用操作)
- http协议 & cookie & session
- MongoDB
- Express框架
- ajax(原生,jQuery,axios,fetch)
- ajax库基本封装使用 promise封装
- 模块化
- 构建工具gulp,webpack4.0基础
第五阶段React技术栈
- React基础语法
- react-router
- React Antd使用
- Redux
- React移动端项目
第六阶段Vue技术栈
- Vue基础
- VueRouter
- Vuex
- Vue源码(v-model, 双向数据绑定)
- VuePC项目-电商
- Vue后台管理
第七阶段小程序
- 小程序
- UniApp
- TypeScript
第八阶段就业指导+面试精讲
- vue实战(移动端)
- 小程序实战
- 面试精讲
- 就业指导
推荐看B站全网最全Web前端学习路线:
薪资待遇建议看看所在城市的招聘信息,能很完美地体现出。