本篇文章,我将为您分享前端自学资源。

本文只代表我个人的想法,主要还是看你的个人喜好。某些框架的列举可能不全面,欢迎补充!

百科

目前许多网站都把HTML、CSS和Javascript混搭起来使用。

什么是 HTML

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

什么是 CSS

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

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

什么是 Javascript

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

基础

这一部分,你将学会怎么写前端代码。

编辑器

如果要写前端,一个好用的编辑器是必需品。

推荐(请自行百度):

  • WebStorm(付费,不过有许多和谐版)
  • Visual Studio Code (免费,打开较慢)
  • Sublime Text 3 (付费,不过可以永久试用)
  • Atom (免费,打开较慢)
  • VIM (不用多说,编辑器的神)
  • Emacs (一般人不会用,神的编辑器)
  • Dreamveaver(不推荐,付费)
  • Notepad++(免费)

HTML、CSS、Javascript教程

推荐教学网站:RUNOOB

你也可以去听北京林业大学的公开课

本教程与上述网站无任何关系!!!

进阶

这一部分,你将学会怎么用他人的框架。

为了能快速的写一个好看的网站,可以使用:

  • Bootstrap

为了能快速的写一个响应式的网站,可以使用:

  • Vue.js

  • jQuery

  • AngularJS

生成Android、iOS、桌面应用:

  • Electron

  • ionic

还有许多等待你的探索!

部署

这一部分,你将学会怎么把网站部署到万维网。

部署网站,你需要一个Web服务器(需在类似于腾讯云阿里云之类的提供商购买或自己组建)和一个域名(也需在类似于腾讯云阿里云之类的提供商购买)。距离流程,买了你就知道了。

没钱?别担心!你也可以使用免费的GitHub Pages进行部署(本网站就是这样干的,仅限个人网站),教程请见:

如需绑定自己买的域名(比如说我买的 louisstudio.tk),请见:

百科

什么是 GitHub?

GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名GitHub。
GitHub于2008年4月10日正式上线,除了Git代码仓库托管及基本的 Web管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。目前,其注册用户已经超过350万,托管版本数量也是非常之多,其中不乏知名开源项目 Ruby on Rails、jQuery、python 等。
2018年6月4日,微软宣布,通过75亿美元的股票交易收购代码托管平台GitHub。

什么是开源?
开源,(Open Source)全称为开放源代码。开源就是要用户利用源代码在其基础上修改和学习的,但开源系统同样也有版权,同样也受到法律保护。