前端学习

前端是未来就业的一个大的方向，薪资也相当不错。我本人对这个方面还挺感兴趣的。现在给tic小伙伴们普及一下前端。

前端是什么

前端，又称Web前端。是指计算机Web应用程序（网站）的前台页面，在我们打开一个网站所看到网页界面的内容以及交互体验，一般都是由前端工程师进行开发设计的页面，该内容属于前端部分。前端其实是跟后端相对的，后端的工程师负责提供接口返回数据，前端的工程师负责接受后端传来的数据并且把这些数据在页面中呈现出来。所以，我概括一下,前端工程师的任务大体就是写出页面，完成交互，数据呈现

基础语言

html, css, javascript三大基础。 html是标签语言，渲染出button,输入框之类，就是设计整体的结构。css就是表示出某个组件的特性，大小、边框、颜色之类的，就是整个页面的美化。js就是设置交互，比如点击按钮会发生什么事情，使整个页面动起来。

目前潮流的基础框架

react
vue

学习资源

1）入门：

w3school上的HTML/CSS教程——技术手册式的教程，比较全面，照着实例敲一遍
Codeademy上的html&css课程——在线交互式编程平台，弄清楚基本概念和基本语法
慕课网上也有好多基础课程，大家可以看看
[菜鸟教程]( 菜鸟教程 - 学的不仅是技术，更是梦想！ (runoob.com) )

（2）进阶：

《精通CSS·高级Web标准解决方案》——对CSS有一个比较深入的学习，对核心技术了解
《HTML5权威指南》——非常全面的书，内容也很新，包含了HTML5+CSS3+JS DOM

2. JavaScript部分。

（1）入门：

w3school上的JS教程——比较详细的了解下JS的特性
《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用，了解JS和DOM可以做什么

（2）进阶：

《JavaScript高级程序设计》——JS圣经，比较全面，非常好的一本书，比犀牛书可阅读性强
《JavaScript权威指南》——传说中的犀牛书，好厚好厚的一本书，不适合入门，适合当工具书看
《JavaScript语言精粹》——很薄的一本书，但是可以帮助你快速了解JS的精华部分

（3）实战：

jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery（前两年用的框架较多，不过，最近三大框架很流行，JQuery地位有所下降）
《jQuery基础教程》——流行的前端框架，注重实用

（4）提高：

《高性能JavaScript》——讲如何提高js性能，以及构建和部署文件到生产环境的最佳实践

以上HTML,CSS,JavaScript学完，前端基本就可以说入门了

开发工具

vscode
webstorm

ui 组件库

前端学习（基础介绍）相关推荐

第2节--深度学习基础介绍-机器学习--课程介绍（下）
接第1节–深度学习基础介绍-机器学习–课程介绍(上) 4.Demo - 微软实时语音翻译(一个说英语的人,系统模拟说话人的声音实时说出对应的汉语)- Google无人车送盲人去超市购物- Google ...
Python学习-基础介绍
Python学习-基础介绍 Python基本语法介绍变量数据类型列表 list 添加删除统计分析切片器 set 集合添加判断是否存在删除数组 array 运算符控制语句 if/e ...
第1节--深度学习基础介绍-机器学习--课程介绍（上）
本课程为麦子学院彭亮老师讲授的(深度学习基础介绍-机器学习),共28小节. 彭亮在麦子学院还有两门课,一门是Python语言编程基础,另一门是深度学习进阶:算法与应用. 建议三门课的学习顺序为:Pyt ...
html前端学习基础入门教程之HTML代码的优化关键词密度
与Google和MSN相比,Yahoo!对HTML代码的关注程度更高.很多测试表明,HTML文件中的错误,可能在Google或MSN中影响很小甚至几乎没有,不妨碍该页面出现在SERP的前端;但在Yah ...
web前端学习基础教程，简单的图片旋转木马自动轮播js代码
一款简单的图片旋转木马自动轮播js代码,图片叠加轮播切换效果,支持点击左右箭头按钮控制切换. 案例效果图案例源码: <!DOCTYPE html> <html lang=" ...
前端学习第一周-计算机基础，html标签的介绍，其中包括列表，表格以及表单的使用
前端学习第一周-HTML基础文章目录前端学习第一周-HTML基础前言 DAY 1 计算机组成计算机网络 DAY 2 vscode快捷方式 HTML骨架 DAY 3 HTML属性 HTML标签 ...
零基础不建议学前端_web前端开发零基础怎样入门-哈尔滨前端学习
web前端开发零基础怎样入门-哈尔滨前端学习,俗话说,知己知彼,百战百胜.要想学好web前端,首先要了解什么是web前端,下面由小编来给大家介绍一下: 1什么是web? Web就是在Http协议基础之 ...
2022年最新前端零基础学习路径
2022年最新前端零基础学习路径近几年互联网行业可谓发展火热,也因此新生了很多职业,而这众多的新生职业中备受瞩目的当属web前端工程师.因此现在越来越多人选择学习web前端技术,想要通过这份技能赢得 ...
零基础web前端学习路线【全新web前端入门视频教程】
零基础怎么学web前端?下面就一起来看看吧! 想学好web前端,该从哪里入手学习呢?零基础学习web前端学习路线图从哪里可以找到呢?这里为大家整理完整的零基础前端学习路线分享给大家. 适合零基础学员 ...
[前端笔记——HTML介绍] 4.HTML文本基础+超链接+高级文本格式
[前端笔记--HTML介绍] 4.HTML文本基础+超链接+高级文本格式 1.HTML文本基础 1.1标题和段落 1.2列表 1.2.1无序列表(unordered) 1.2.2有序列表(ordere ...

前端学习（基础介绍）