自学前端怎么学

2023-04-18 09:37:02html-css016

自学前端怎么学,第1张

自学前端首先学习HTML/html5，然后学习CSS，最后学习JS。

1、学习HTML/html5：首先前端入门阶段学习HTML，HTML是用来显示网页的超文本标记语言，html5最近流行的html5代版本，新增了很多标签，每个语言第一句输出都是hello world，html就是规范标签固有的，所有网页内容做好在<body>标签里写，便于规范。

2、学习CSS：学会了搭建工程的骨架结构了，就像你盖房子，是不是主体完工了，开始装修了，外皮刷涂料，内部开始装修，喜欢什么款式花钱装修就可以了，前端也是同一个道理的，CSS就是干这件事情的，美化前端的网页客户端的，你所想象的基本都可以排版出来。

3、学习JS：JS是脚本语言全拼是javascript它是干什么的呢，前端的很重要的部分就是交互，当你在你装修好的房子里开灯，你是不是用手去按灯的开关按钮，等就亮了起来，这样就完成了一次交互，前端里的交互远远比这个复杂的多了。

Web前端的相关职位名称主要有：网页制作、网页制作工程师、前端制作工程师、网站重构工程师、前端开发工程师、资深前端开发工程师以及前端架构师。

web前端需要学HTML、CSS、JavaScript、jQuery、Ajax、前端框架（vue/React/Angular等）等前端知识；还要了解每个浏览器中的各个版本的兼容性、Web标准、移动设备、多终端适配等知识。

请点击输入图片描述

前端基本就是上图所示的展示方式，都是在浏览器中显示出来的

网页的组成

浏览器展示的页面叫做网页，但网页也有不同的展示，如视频，图片，文字等，具体看看下图，网页的组成：

请点击输入图片描述

前端使用的技术

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

浏览器展示页面的时候，会把前端的代码转化（解析和渲染）成用户看到的网页

请点击输入图片描述

HTML

HTML：全称“Hyper Text Markup Language（超文本标记语言）”，简单来说HTML是一门描述性语言，网页的基础就是通过HTML语言来写的

CSS

CSS：称为层叠样式表，是用来表现HTML文件样式的计算机语言，它不仅可以静态修饰网页，也可以配合各种脚本语言来实现动态化效果

JavaScript

JavaScript：是一种直译式脚本语言，非常灵活，可以在任何浏览器上开发与调试的一种动态类型、弱类型、基于原型的语言。

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

JS高级特征：

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

除了这三种核心的技术必须学会以外，还有其他的知识也需要我们掌握例如jQuery、Ajax、各种常用的框架（vue/React/Angular等）、以及后端技术

匡架说明

现在学的很多vue、react、swiper、element-ui、jquery、ajax、ant等等都是js的匡架，都可以能过写js实现，只是他们写好一套常用的功能，用起来简单很多。

浏览器

主流浏览器及占有率

请点击输入图片描述

总结

前端页面在浏览器中展示

浏览器中的每一个页面，我们称之为网页

文字、图片、音频、视频、超链接等组成了网页

前端技术由 html、css、js组成，实现网页展示效果

前端可以做app、小程序、手机端，PC端，软件等

根据需求的不同，前端可以做很多实现如视频，游戏，后台管理，可视化展示等

网页在不同浏览器中显示会有所不同，因为不同浏览器渲染引擎不同，解析的效果会存在差异，因些推荐谷歌浏览器（Chrome）

A. 前端工程师需要学哪些课程

第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。

第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。

第三，必须学会运用各种工具进行辅助开发。

第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。

B. 网页前端主要学什么课程

第一阶段：基础课程

基础课程包括艺术导论、中外设计史、设计构成。学习平面构成原回理，设计构答成概述与发展，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象，研究形象与形象之间的排列的方法。是理性与感性相结合的产物，提高学生的造型能力和空间思维能力

第二阶段：专业基础课程

专业基础课程包括网页界面表现、结构样式表现、设计整合表现。旨在学习网页界面排版理论，CSS层叠样式表，XHTML语言标准文档类型DTD讲解，色彩搭配等内容。

第三阶段：专业基础阶段

WEB前端开发基础、高级WEB前端开发、移动WEB前端开发。课程主要从就业的需求为向导，适合于希望从事WEB网页开发的工作的学生，属于网页制作的进阶课程，主要讲述重点在于CSS+DIV的应用、JavaScript程序设计及Ajax、Html5等前沿技术的探讨。

第四阶段：实训阶段模拟参与大型项目前瞻性产品的网站或者产品设计。

C. 自学前端有哪些比较好的课程推荐

我的建议是自学要有毅力

因为工作原因，我接触了很多于前端有交集的人，比如网建公司，比如web前端从业者，或者初学者，现在很多web前端都不太好就业，那么后面还在学web前端的人应该何去何从呢？有没有捷径，或者能不能杀出一条血路呢？

我认为方法还是有的，而且行之有效，但是要脱离我们固有的思维，

以下言论仅代表我个人的观点，如有不对，欢迎指正。

我们公司专门做web前端切图开发，能做到现在得益于我们扎实的基本功，pc，h5，响应式项目累计有2000例以上，较少涉及到node.js vue ，react angular ，讲到这里，有多少人理解我要表达的意思了？

如果你能真正的吧 pc，h5，响应式的项目做好，那么你是可以找到工作的，

如果你能拍胸脯，所有的pc，h5，响应式类型都胸有成竹，因为你吃透了，那么你很容易找的到工作，或者我代表公司要你！

我们的客户公司也会需要你！

现在的web前端从业者的实际情况是

5,css3,jq 等只花了一点时间，弄懂了，开始学些node.js react等之类的框架，然后就觉得自己一定行了，因为都会了，公司应该会要我吧，实际，大错特错，如果你连构建一个标准的页面都成问题，还谈什么拔高？

我的观点是

多花点时间在基本工上面，在pc，h5，响应式上面多花点时间实战的练练，然后去找一个对JS框架没有要求的工作（并不是每个网站前端都必须用到框架），你会很容易就业。

有问题可以私我

D. web前端开发课程都学习哪些内容

随着移动互联网的发展，近几年web前端技术越来越受大家的喜欢，那对于小白童鞋而言，学习web前端到底要学习些哪些内容呢？

其实千锋web前端的学习主要包括以下几个阶段：

第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

第二阶段：Javascript高级程序设计：原生Javascript交互功能开发、面向对象开发与ES5/ES6、Javascript工具库自主研发；

第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；

第四阶段：移动端项目开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；

第五阶段：混合（Hybrid）开发：各类混合应用开发；

第六阶段：NodeJS全栈开发：WebApp后端系统开发。

学习完这几个阶段，5开发中的一些理论知识基本上就掌握得差不多了，接下来就是找一些小项目练手。在找项目的时候最好找有商业价值或有实际意义的，由深入浅。最后还可以做一两个小项目，传到开源网站上，方便面试的时候展示。

E. Web前端开发一般学习些什么课程

、css、 js、node.js、前端框架、颈椎康复治疗、预防腱鞘炎等

F. 前端到底学什么！

像Ajax、、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术HTML5地理位置应用、离线应用、Webworker多线程实现、Websocket、跨平台开发技术和WebAPP开发等，这些企业级应用技术也是现在开发的主流；现在前端开发最热门、要人最多，就是使用canvas开发网页游戏动画，以及会用 Cocos2d-js制作游戏等开发。

学习HTML、CSS和DIV+CSS技术用来制作Web页面学习Java、DOM、BOM等用建立开发基础学习 photoshop和Axure等软件应用，完成页面UI设计也要认识一下NodeJS和PHP加上数据库等这样的后端语言，方便前后端开发配合学习 HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用。

Web前端工程师要完成客户端程序（即浏览器端）的开发，开发JavaScript和Flash模块，结合后台开发技术模拟整体效果，富InterWeb开发，致力于通过技术提升用户体验。对Web2．0、HTML＋CSS和浏览器兼容性有深刻的理解。了解其他IT编程语言，如PHP、Java、．和vue。

G. web前端学习课程都有哪些

第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技专术的同时，还属要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。

第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。

第三，必须学会运用各种工具进行辅助开发。

第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。

H. 网页前端主要学什么课程

很简单，你找一个招聘网站，搜索：web前端开发工程师，然后你就知道了

现在版h5+c3

你必须学

jq必须掌握

然后再去权涉及到