如何学习web前端开发

第一、先要学会html5 css+div这些标记语言和样式

第二、学会Javascript脚本语言不需要全会,也不需要精通 会用就行

第三、掌握前端的几个框架 比如jquery最基本还有layui框架,最好学个angular、react或者vue,这个有点难,因为都是数据绑定格式

第四、门外工是非常重要的 因为web前端是横向发展的,你必须会的多

所以我要是老板的话,肯定喜欢你会点后端 比如PHP 、java还有PS技术

第五、自己做几个实战项目!能几个亮点,我可以给你指出前端 三大亮点:数据交互,浏览器兼容,样式特效,随便找个你喜欢的点提高一点!

一、HTML + CSS

主要是学习 HTML、CSS的基础语法,了解常用标签的意义及基本用法

如何学习web前端开发图1

二、Javascript

Js基础教程、js内置对象常用方法、常见DOM树操作大全、DOM、定时器和焦点图。

常见特效:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。

高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础

三、AJAX

Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。

如何学习web前端开发图2

四、vue

Vue:其实Vue.js是一个构建数据驱动的Web界面的库。Vue.js通过简单的API(应用程序编程接口)提供高效的数据绑定和灵活的组件系统。

如何学习web前端开发图3

五、小程序

如何学习web前端开发图4

六、Node

能够使用Nodejs进行Web服务端开发;

能够掌握Javascript异步编程模型和编程方式;

能够使用Nodejs操作MongoDB数据库;

如何学习web前端开发图5

其实不只是web前端,针对于前端这个领域来讲我来谈一下就我工作中遇到及需要掌握的知识体系:

  • Javascript 基础
  • HTML 加 Css
  • 框架类库
  • 服务端环境( Node)
  • 客户端环境(浏览器)
  • 工程化
  • 数据结构和算法加设计模式
  • 网络协议

Javascript基础

类型和值

  1. 内置的语言类型有那些
  2. 值类型的转换
  3. 值和引用的区别
  4. 原生函数封箱和拆箱,内置函数

对象

  1. 属性描述符和访问描述符
  2. 对象复制(并实现一个深拷贝操作)

作用域及运行机制

  1. 编译原理(引擎,词法作用域,编译器)
  2. 函数作用域,块
  3. 词法作用域和闭包
  4. this

混合对象”类”

  1. 掌握类的继承,多态,混入

原型及原型链

  1. 理解原型继承
  2. 理解原型机制(委托)

HTML和Css

  1. HTML5相关(语义化标签,video,audio,canvas)
  2. css3(会处理相关适配问题,布局)

框架和类库

  1. vue
  2. react
  3. typescripts
  4. jQuery源码学习,lodash
  5. element ui( bootstrap,layui,yui,mui)
  6. ant design
  7. 可视化插件( echarts,drawio, D3,three)
  8. axios

服务端

  1. 原生node
  2. express,koa,egg

浏览器

浏览器api

  1. dom操作
  2. 事件流模型
  3. 原生ajax( fetch,Promise)
  4. bom(浏览器对象窗口交互)
  5. 获取地理位置,调用硬件相关api
  6. 强缓存,协商缓存
  7. 同源策略
  8. web存储

浏览器原理(渲染)

  1. 从地址栏输入链接到页面呈现经历的过程
  2. 解析html,解析css过程
  3. 回流和重绘

工程化

  1. 前端模块化( es6 module,cjs,amd,umd )
  2. 包管理器( npm,yarn)
  3. 会搭建webpack应用
  4. web服务器( nginx),了解linux( docker)相关知识,会搭建web应用
  5. 版本控制工具( git,svn)

数据结构和算法加设计模式

  1. 了解相关数据结构
  2. 掌握前端的常用算法(递归,排序: 选择、快速、冒泡、归并、桶、希尔等算法)
  3. 面向对象类设计模式(单例、工厂、观察者、迭代器等)

网络协议

  1. 掌握四层、七层网络模型
  2. http协议(三次握手,四次挥手),tcp协议
  3. web socket

以上这些是我以后学习的技术栈。针对每个人的学习及规划可能不尽相同; 但是,针对于前端web方向也好,移动端也罢,服务端甚至客户端这些方向来讲,我觉得以上这些知识是共通的。不必拘泥于某一方向,只要基础打扎实了,即便前端发展再怎么迅速,你依然可以很快掌握。

最后,希望一起加油^0^~

原创文章,作者:芒小种,如若转载,请注明出处:http://www.fhgg.net/shenghuobaike/76378.html

本文来自投稿,不代表【食趣网】立场,如若转载,请注明出处:http://www.fhgg.net/

(0)
上一篇 2023年5月10日 上午10:20
下一篇 2023年5月10日 上午10:30

相关推荐

发表回复

登录后才能评论