前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。 大部分人都是这种状态,大学期间,学的都是理论知识,做的都是约定俗层的项目,和实际工作中的项目还是有很大差异的,也可能是因为你接触的这部分正是前端中比较棘手的部分,刚工作,不要气馁,也不要有太大的心理负担,年轻嘛,有试错的资本,不过压力肯定是要有的,多问问带你的人,或者一些前端前辈,肯定比自己研究强,无师自通的人太少了。学习阶段第一阶段 主要内容包括PC端网站布局、HTML5CSS3基础,古老的jQuery、AJAX、bootstrap还是要了解一点的。 jQuery就是javascript中的一个函数库,一个js文件,是把js中比较复杂的东西封装成一个库,能够让人们在开发过程中尽可能的少写多做。 ajax可以实现不刷新页面更新网页、在页面加载后从服务器请求数据、在页面加载后从服务器接收数据、在后台向服务器发送数据。 Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JavaScript的。 Bootstrap主要功能实现:基本结构:Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap基本结构部分详细讲解。CSS:Bootstrap自带以下特性:全局的CSS设置、定义基本的HTML元素样式、可扩展的class,以及一个先进的网格系统。组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。JavaScript插件:Bootstrap包含了十几个自定义的jQuery插件。您可以直接包含所有的插件,也可以逐个包含这些插件。定制:您可以定制Bootstrap的组件、LESS变量和jQuery插件来得到您自己的版本。第二阶段 JavaScript高级程序设计,主要内容包括原生JavaScript交互功能开发、面向对象进阶与ES5ES6ES7应用、JavaScript工具库自主研发、jQuery经典交互特效开发、前端工程化与模块化应用等。 javaScript是运行在浏览器端的脚本语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互,JavaScript是浏览器解释执行的。 JavaScript主要包括: 数组、表格、数据类型、运算符、对象、函数、垃圾回收、读取元素的样式、通过document获取节点元素、正则表达式、实现图片上传并预览、整合JqGrid完整实例、DOM规范中的MutationObserver接口、JavaScript中的FileAPI、StreamsAPI、WebCryptographyAPI、客户端存储、JavaScript代码重构、JavaScriptAPI、网络请求与远程资源等。第三阶段 Node。js后端开发、Vue。js、React、Angular是目前流行的三大前端框架,本质上都是一样的,根据实际开发需求,学一个即可,大同小异。 Node。js发布于2009年5月,由RyanDahl开发,是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式IO模型,让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。 Node。js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好,V8引擎执行Javascript的速度非常快,性能非常好,基于ChromeJavaScript运行时建立的平台,用于方便地搭建响应速度快、易于扩展的网络应用。 Vue。js可以作为一个js库来使用,也可以用它全套的工具来构建系统界面,这些可以根据项目的需要灵活选择,所以说,Vue。js是一套构建用户界面的渐进式框架。Vue的核心库只关注视图层,Vue的目标是通过尽可能简单的API实现响应的数据绑定,在这一点上Vue。js类似于后台的模板语言。其本质上来说也是js代码。 Vue。js主要包含: 动态绑定vbind、常用标签、组件化开发、实现树形结构、双向绑定原理、插槽slot与vue导入导出、vuewebpack打包原理、使用vuecli(vue脚手架)快速搭建项目、 Vue路由(vuerouter)、ES6promise、Axios第四阶段 H5、微信小程序,有精力的也可以学习一下,现在移动端开发已经是一个大的趋势,实际开发中,这方面的需求已经越来越多了。学习目录前端工具VSCode的使用Git使用SublimeText的使用WebStorm的使用GitHub的使用VSCode的使用累积Chrome浏览器HTML认识Web和Web标准浏览器的介绍初识HTMLHTML标签:排版标签HMTL标签:字体标签和超链接HTML标签:图片标签HTML标签:图文详解HTML5详解HTML5举例:简单的视频播放器HTML详解(二)HTML详解(三)HTML基础回顾CSS基础CSS属性:字体属性和文本属性CSS属性:背景属性CSS样式表和选择器CSS选择器:伪类CSS样式表的继承性和层叠性CSS盒模型详解浮动CSS属性:定位属性CSS案例讲解:博雅互动CSS3选择器详解CSS3属性详解(一)CSS3属性详解:动画详解CSS3属性:Flex布局图文详解CSS3属性:Web字体SaaS入门浏览器的兼容性问题CSS3的常见边框汇总CSS进阶准备CSS中的非布局样式CSS布局网页开发和设计中的字体常识如何让一个元素水平居中CSS开发累积CSS文章推荐CSS的一些小知识CSS面试题JS基础编程语言JS简介变量变量的数据类型:基本数据类型和引用数据类型基本数据类型typeof和数据类型转换运算符流程控制语句对象简介基础包装类型内置对象数组函数作用域和变量提升预编译this指向call、apply和bind高阶函数闭包对象深浅拷贝原型链和原型继承类和构造继承正则表达事件jQueryJS之ES6语法ES6介绍和环境配置ES5中的严格模式ES5中的一些扩展ES6:变量let、const和块级作用域变量的解构赋值箭头函数剩余参数和扩展运算符字符串、数据和对象的扩展内置对象扩展:Set数据解构Promise入门详解ES7:async函数详解ES6:SymbolJS进阶var、let、const的区别数据的赋值JS开发累积call、apply、bind的区别this作用域与闭包创建对象和继承前端基本功CSS基础练习DOM操作练习Ajax服务器分类及PHP入门Ajax入门和发送http请求函数封装同源和跨域模版引擎移动Web开发Bootstrap入门Bootstrap使用Less详解Node。js和数据库Node。js介绍Node。js的特点Node。js开发环境安装Node。js模块化规范Node。js内置模块Node。js操作MySQL数据库CommonJSES6JS模块化:AMDJS模块化:CMDJS模块化:ES6KOA2Node。js代码举例WebSocket事件驱动和非阻塞机制Vue基础指令系统von事件修饰符系统指令(二)举例:列表功能自定义过滤器自定义按键修饰符自定义指令Vue实例的生命周期函数Vue中的Ajax请求Vue动画Vue组件的定义和注册Vue组件之间的传值Vuerouter路由Vue。js在开发中的常见写法累积Vue开发累积Vue组件React基础React介绍JSX语法介绍React组件:生命周期React组件:常见属性和函数React中绑定this并给函数传参的方法React单向数据绑定React路由的使用AntDesign的基本使用AntD框架的踩坑记录AntD框架upload组件自定义ReactNative初识前端面试面试必看面试题累积网友面经前端进阶代码规范常见专有名词数组的常见操作前端监控技术lazyload防抖动和节流阀Vue开发累积前端的几道题目前端综合2019Web前端入门自学路线前端学习分享ExpressCSS开发总结Ajax相关HTML相关Json字符串的解析和遍历Json相关前端博客推荐前端开发累积前端语录扩展阅读2020Web前端最新导航GitHub项目推荐网站推荐前端文章推荐上海有哪些互联网大厂北京有哪些互联网大厂深圳有哪些互联网大厂推荐文章从0开始学推荐 零基础可以学前端吗知乎 学前端先,你应该了解为什么要学前端,有哪些坑 学前端的三大忠告知乎 如果是自学,那么推荐看看现在的文章 自学前端怎么学知乎 一搬前端的工作内容 前端工程师的主要工作是什么知乎 资料 给大家分享我收集整理的各种学习资料,前端小白交学习流程,入门教程等回答下面是学习资料参考。 前端学习交流、自学、学习资料等推荐知乎