IT行业里各种职业形形色色,令little眼花缭乱。在众多职业里只选择一个实在是困难,在如今的社会形势里,只会一门也可能难于就业,所以little玩起了前端。

目录

前端是什么

前端的核心技术

HTML

CSS

JavaScript

前端入门所用到的工具

VSCode的安装


前端是什么

通俗来讲你现在看到的页面就是前端。

前端是网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。

就好比网页的界面、软件的界面,小程序的界面等等。

跟紧little,让little带你走入前端。

前端的核心技术

HTML、CSS、JavaScript

根据W3C的标准,网页分成了三大部分:

HTML

HTML用于描述页面的结构,是页面的骨架。

HTML(Hyper Text Markup Language)全称为超文本标记语言。超文本指的是超链接,让我们使用超链接从一个页面跳转到另一个页面。

HTML使用标签的形式来识别网页中不同的组成页面。

CSS

CSS用于控制页面中元素的样式,美化页面。

CSS  (Cascading Style Sheets)  全称层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

JavaScript

JavaScript用于响应用户操作,负责页面行为,让页面动起来。

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

前端入门所用到的工具

VSCode与一个浏览器

VSCode的安装

浏览器直接搜索VSCode,进入官方网站,点击Download,进行下载

下载好后,点击打开文件,进行安装:

选择你要存放的路径:

选择以下的选项:

进行下一步操作即可完成安装。

跟紧little,little带你玩前端!!!

Web前端零基础入门HTML5+CSS3基础教程——了解前端相关推荐

  1. 【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程

    [尚硅谷]Web前端零基础入门HTML5+CSS3基础教程 学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...

  2. Web前端零基础入门——HTML5

    [尚硅谷]Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通 html入门 index1 > <html><head><title>我是谁? ...

  3. 慕课学习史上最全零基础入门HTML5和CSS笔记

    慕课学习史上最全零基础入门HTML5和CSS笔记 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的 ...

  4. html5该怎么样学习?零基础入门HTML5学习路线

    纵观近几年HTML5的发展可以看出,HTML5开发持续上涨,腾讯.微软.谷歌等国际互联网企业都将HTML5的研发与使用放在了重要的地位.目前全球有超过十亿台手机浏览器支持HTML5,而微信小程序的开放 ...

  5. 《零基础学HTML5+CSS3(全彩版)》读书笔记

    2019年1月31日星期四 1点 <零基础学HTML5+CSS3(全彩版)>开始全面学习 前提: 11月20日开始学Python,可能因为太累了,也可能遇到了瓶颈,进入了一个迷茫期,1月6 ...

  6. 02.Web大前端时代之:HTML5+CSS3入门系列~H5结构元素

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写&l ...

  7. 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包 ...

  8. 01前端入门HTML5 +Css3+电商网页制作:HTML5

    01前端入门HTML5 +Css3+电商网页制作 0. 来源 1. 基础认识 1.1 Web 标准构成 1.2 基本语法 2. vscode使用 3. HTML 3.1 注释 3.2 标签 3.2.1 ...

  9. 02前端入门HTML5 +CSS3+电商网页制作:CSS

    02前端入门HTML5 +CSS3+电商网页制作 0 来源 1 CSS基础 1.1 基础认识 1.1.1 css demo 1.1.1 css的层叠性 1.2 CSS引入方式 1.3 选择器 1.4 ...

  10. html精灵图资源,知识分享:HTML5+CSS3基础之CSS Sprites(CSS精灵)

    原标题:知识分享:HTML5+CSS3基础之CSS Sprites(CSS精灵) CSS Sprites介绍 Css sprites 可翻译为css精灵,也有人翻译为css雪碧,因为sprite也有雪 ...

最新文章

  1. c语言文件 加载内存吗,把文件中的数据加载到内存进行查找C语言实现.docx
  2. java创建具体时间点_java单例饿汉模式对象创建时间点疑问
  3. OutOfMemory (OOM)的类型与检测
  4. 学习笔记9-C语言-传参、类型限定符、递归
  5. Java基础——深入理解ReentrantLock
  6. com.android.mms 占cpu,怎么CPU占用这么高啊!
  7. Git基础教程(三)
  8. 浅谈C#的语法特性及杂七杂八
  9. 编程珠玑Column11中插入排序和快排序
  10. tftp命令linux,tftp命令使用详解
  11. 硬件原理图 一键开关机电路
  12. markdown温习笔记
  13. Python之父愤然退位:再也无法忍受他们鄙视我的意见
  14. GRU(Gate Recurrent Unit,门控循环单元)结构
  15. Anaconda安装Jupyter Notebook及使用
  16. maya 中切换当前渲染器的方法和设置
  17. 金链盟中国区块链应用大赛正式启动,200万奖金花落谁家?
  18. MyBatis关联映射例题
  19. LiquiBase 管理数据库变更实践
  20. GMQ Wallet现代生活变得更简单、更便捷

热门文章

  1. 天文相关词汇的英语翻译
  2. 计算文件MD5值的多种方法
  3. Android Facebook登陆获取 Key Hashes值
  4. 工程学导论-第四章-创造力
  5. 学3D建模需要有美术功底吗?
  6. 不重装系统的情况下对C盘扩容
  7. 成功解决ERROR: Command errored out with exit status 1:    command: 'f:\program files\python\python36\pyt
  8. ionic的用法和作用
  9. 风潮唱片总目录及下载地址-2009年2月9日更新
  10. android问号icon,CSS3 动态问号图标(使用工具生成)