概念

 

   web前端开发学习

 

概念_第1张图片

 

   一. HTML+CSS

       【1】        HTML 指超文本标签语言。

  •   HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  •  HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

       【2】        HTML编辑器                

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

       【3】        HTML元素     HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

       【4】        HTML语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

       【5】         HTML属性

                              HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息

                              属性总是以名称/值对的形式出现,比如:name="value"

                              属性总是在 HTML 元素的开始标签中规定。

       【6】         HTML标题      

定义最大的标题。

定义最小的标题。

       【7】         HTML段落     段落是通过

标签定义的。

       【8】         HTML样式     style 属性用于改变 HTML 元素的样式。

        【9】        HTML 表格      表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。 单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

"1">
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

 

    【10】       HTML 图像    HTML 中,图像由 标签定义。

                                            是空标签,意思是说,它只包含属性,并且没有闭合标签。

                                            要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像                                                 的URL 地址。

                               定义图像的语法是:


  

    【11】         HTML计算机代码  

 var person = {
               firstName:"Bill",
                lastName:"Gates",
                     age:50,
                eyeColor:"blue"
                   }

  

      【12】             HTML注释     注释标签 用于在 HTML 插入注释。

      【13】            HTML 链接      

                         超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

                         当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。 我们通过使用 标签在 HTML 中创建链接。

          有两种使用 标签的方式:

  1.   通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

           HTML 链接语法

                     链接的 HTML 代码很简单。它类似这样:

                         1 <a href="url">Link texta> 

                

        href 属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。

        实例:

             1 <a href="http://www.bokeyuan.com.cn/">Visit BoKeYuana> 

 

    二.  CSS基础

     CSS 概述

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • 样式定义如何显示 HTML 元素
  • 样式通常存储在样式表
  • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
  • 外部样式表可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件
  • 多个样式定义可层叠

    【案例静态页面】

       小米官网实战

      迅雷官网

     课程类网

  二.    JavaScript阶段

       1.JavaScript基础语法

       2.数组与对象

       3.函数及相关

        4.JavaScript标准库

        5.DOM模型与事件

         6.网络请求与专题

         7.面向对象

  三.    jQuery阶段

      1.jQuery

      2.第三方UI组件库

      3.PHP与数据库

      4.Ajax实战项目

      

 四.    HTML5新特性

 

 五.   高级框架阶段

      1.模块化

       2.Nodejs与Express

      3.ECMAScript6

      4.构建工具Webpack

      5. React

      6.  React项目实战

      7.React-Redux

      8.React登录注册认证系统

      9.React 项目实战 -O2O类

     10.Dva

      11.Vue

      12. Vue 实战项目-移动端-VueMusic

       13.Vue 实战项目-PC

        14.Vue-Ego商城后台管理系统

    六.TypeScript

        1.核心概念

        2.TypeScript&React

         3.TypeScript&Vue

 

    

七 .微信小程序

         1.微信小程序-实战讲解-影评类

          2.微信小程序-授权登录流程实现

 

 

 

 

       

 

 

 

 

 

你可能感兴趣的:(概念)