和cool一起学前端----第一天

前端开发第一天—敲黑板,划重点啦

前提概要

毕业快四年了,日月如梭,码代码的日子简直有一种山中方一日,世上已千年的感觉,所以,作为程序员,需要有足够的耐心与毅力,有对新技术的执着与追求(没办法,必须得与时俱进,不然就淘汰了)。好,鸡汤已灌输,接下来就和cool一起,历经从前端小白到前端菜鸟的蜕变吧(本人也还是一枚菜鸟,博客仅供大家一起交流学习,有写的不对的地方,欢迎大家指正,保证每天一更,双休除外,希望大家监督)。

学习路线

第一阶段只要就是复习一下html标签,html5的一些特性,包括css,css3的一些知识,第二阶段,emmmm,那就先写完第一阶段吧,主要也是帮助自己复习回顾。

基础知识&&工具使用

工具

俗话说三军未动,粮草先行,对吧,先不管html是个啥玩意,我得先把开发工具给装起来呀,个人推荐vscode,我也不介绍其他的工具了,毕竟cool是一个专一的人,像vscode这样免费的还有一堆插件供我们使用的也不多了。然后就是浏览器,我们需要安装一个谷歌浏览器,设置为默认浏览器。接下来就是安装了…
vscode官方网址
安装好了之后,我们可以安装一些插件,辅助我们编写代码,形成自己的代码风格,毕竟我们也不是神仙,代码那么多生僻的英文,我英文不好只能怪我自己咯,所以只能借助插件提示我们了,具体看下图
和cool一起学前端----第一天
以下是我们前期学习可能会用到的一些插件,建议我们先装上

  • HTML Snippets
  • HTMLHint
  • HTML CSS Support
  • Auto Close Tag
  • Auto Rename Tag
  • Path Autocomplete
  • Path Intellisense
  • View InBrowser

当然还有一些其他的vscode的使用,我就不说了,毕竟我们一开始接受不了太多东西,可以但没必要,慢慢来。

基础知识

工具安装好了,一切准备就绪,轻舒一口气,第一步终于迈出去了。接下来就可以讲我们的html了,怀着激动心情,让我们一步一步的扒下html的衣服,毕竟我们辣么饥渴,hhh
我就不说html是个啥东西了,这种介绍网上一搜一堆,我就说下我开发过程中,经常使用的标签,html手册上那么多标签,我觉得没必要全部说完,对新手挑战太大,当然你能力强另说。
html手册
遇上不了解的标签可以去查html手册,作为一个程序员得学会自己看文档,看手册,没办法我们只能这么高冷。
首先新建一个html文件,然后在编辑器里用你的小手敲上html,选择html:5,如下图
和cool一起学前端----第一天
和cool一起学前端----第一天
下面说明下html结构,申明了文档类型,这个是html5开始使用的申明,之前的我们没必要深究, 与 标签限定了文档的开始点和结束点, 与 定义了文档的头部,定义文档的主体,我们之后的html代码就在这里面书写,标签里面有

,meta标签只要是用来提供有关页面的元信息,先不过多讲,然后就是title标签,就是网页的标题,譬如我们在里面书写hello world hello html,然后右键文件,选择在浏览器中打开,就会在默认浏览器中打开我们的页面,如下
和cool一起学前端----第一天
和cool一起学前端----第一天
网页红色的框里就是我们的书写的title标签的内容,哇,真棒,人生中第一个html就写好了,是不是成就感满满。好,今天的内容就到这儿了,明天我们再继续学习。欢迎交流~~