在学习前端的开始,让我们一起来了解什么是HTML5时代的大前端开发和全栈开发的定义

  传统的前端:切图-标签和样式-实现效果

  H5时代的前端:

    一、需要各端的兼容开发

    二、可以用于APP开发和移动站点的开发

     三、Ajax+服务器端技术开发

     四、高级设计模式和框架(MVC)

    五、自动化工作流(Grunt)

      Grunt:是一套前端自动化工具, 一般用于:压缩文件, 合并文件,简单语法检查

    六、网站安全、SEO(搜索引擎优化)、测试、源代码管理、团队合作

    七、HTML5游戏

二、学习过程中常用的一些帮助方法

  操作系统的设置: 系统调整为最佳性能

  文件夹的显示设置

  任务栏的设置

  操作系统快捷键:win键和各种键的组合使用可以

  使我们在使用电脑的时候带来许多的方便

  常用的编辑快捷键:Alt和Ctrl键和许多键的组合

  让我们在编辑中的效率大大的提高

三、前端常用三个编译器

  Sublime

    下载地址:http://www.sublimetext.com/

    安装插件:使用Ctrl+shift+p打开命令面板

    输入install然后回车

    根据自己的需要安装相应的插件

    常用的快捷键:输入html:5 然后按Tab键,便把自动生成htm标签

    Ctrl+/:注释

    Ctrl+shift+v:粘贴并保持缩进

    Ctrl+shift+d:复制当前行

    Ctrl+shift+↑:向上移动,↓同样道理

    Ctrl+f/h:查找/查找和替换

    shift+鼠标右键:选中多行同时编辑

  Atom

    下载地址:https://atom.io/

    软件的使用和插件的安装:单击file(文件)然后单击settings(设置)里面的

    install里面安装所需的插件,可以在thems里面设置

    主题。在settings里面设置一些页面的设置,在

    keybindings 里面设置编辑快捷键,不建议修改

  Webstorm 

    在网上找了半天都找到官网的下载地址T_T丶

    其余使用和sublime、Atom一样,所以没有太多的介绍

  区别:

    Sublime:需要第三方的包

    Atom:集成度很好

    Webstorm :大项目建议使用Webstorm

四 、浏览器和网页的运行原理

  浏览器:

  帮助用户浏览网页的软件,主流的几大浏览器和他们的内核

  IE(IE浏览器):trident

  Safari(ios浏览器):webkit

  Firefox(火狐浏览器):gecko

  chrome(谷歌浏览器)Opera(欧朋浏览器):blik

  网页运行原理:

    用户请求→浏览器封装HTTP请求→DNS解析→发送请求Request→服务器接受请求→处理请求→返回响应报文→渲染页面呈现

五、关于网页的一些知识

  Internet: 因特网互联网可以实现全球信息互联的网络

  www:万维网(world wide web),他是提供网站相关服务,人们可以万维网服务进行网上聊天,网上冲浪,购物,搜索资料,查看天气,查看新闻,交友聊天

  W3C:万维网联盟,是web技术领域最具有权威和影响力的国际中立性技术标准机构

  Web:Web(互联网总称)泛指网络、互联网技术领域。表现为三种形式:超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)

  DNS:(Domain Name System,域名系统),域名和IP地址相互映射的一个分布式数据库,使得用户可以使用简单易记的域名去访问网站

  Http:超文本传输协议(HyperText Transfer Protocol,HTTP)是www浏览器(客户机)和服务器之间的应用层通讯协议。Http是用于分布式协作超媒体信息系统的快速实用协议,是通用的、无状态的、面向对象的协议,WWW是以超文本(HyperText)为基础的。超文本是一种开放的阅读信息方式,可以根据阅读者的喜好有选择的阅读信息。只要单机了某一个超连接。HTTP便开始工作。WWW客户机通过HTTP与WWW服务器建立连接。新建连接后,客户机发出服务或者需求信息的请求(还包括一些地址信息和补充信息)传递给服务器。服务器处理请求,返回岁请求的的信息或者返回一个响应指出不能答复或者请求,其中包括影响客户的要求、提供信息和服务,以及一些记录状态的信息www上的客户端接受服务器返回的应答信息并通过浏览器显示在显示屏上,然后客户端和服务器自动关闭连接。如果在上述过程中某一步出现错误,则产生错误信息返回到客户端由显示屏输出。但对于用户来说,这些过程是由HTTP自己完成的,用户要做的只有用鼠标单击,然后等待信息输出到用户的显示屏上。HTTP协议是基于TCP/IP的协议,它不仅需要保证正确的传送超文本文档,还必须能够确定传送文档中的哪一部分以及那部分内容首先显示等。其他WWW服务(如FTP、Telnet和Gopher)同样必须利用HTTP。

HTML基础入门学习准备篇的更多相关文章

  1. [php入门] 4、HTML基础入门一篇概览

    [php入门] 1.从安装开发环境环境到(庄B)做个炫酷的登陆应用 [php入门] 2.基础核心语法大纲 [php入门] 3.WAMP中的集成MySQL相关基础操作 1.HTML的作用 HTML是超文 ...

  2. .NET ORM 的 “SOD蜜”--零基础入门篇

    PDF.NET SOD框架不仅仅是一个ORM,但是它的ORM功能是独具特色的,我在博客中已经多次介绍,但都是原理性的,可能不少初学的朋友还是觉得复杂,其实,SOD的ORM是很简单的.下面我们就采用流行 ...

  3. SQLAlchemy 教程 —— 基础入门篇

    SQLAlchemy 教程 -- 基础入门篇 一.课程简介 1.1 实验内容 本课程带领大家使用 SQLAlchemy 连接 MySQL 数据库,创建一个博客应用所需要的数据表,并介绍了使用 SQLA ...

  4. Linux及Arm-Linux程序开发笔记(零基础入门篇)

    Linux及Arm-Linux程序开发笔记(零基础入门篇)  作者:一点一滴的Beer http://beer.cnblogs.com/ 本文地址:http://www.cnblogs.com/bee ...

  5. .net core +codefirst(.net core 基础入门,适合这方面的小白阅读) 【我们一起写框架】领域驱动设计的CodeFirst框架(一)—序篇

    .net core +codefirst(.net core 基础入门,适合这方面的小白阅读)   前言 .net core mvc和 .net mvc开发很相似,比如 视图-模型-控制器结构.所以. ...

  6. FPGA基础入门篇(四) 边沿检测电路

    FPGA基础入门篇(四)--边沿检测电路 一.边沿检测 边沿检测,就是检测输入信号,或者FPGA内部逻辑信号的跳变,即上升沿或者下降沿的检测.在检测到所需要的边沿后产生一个高电平的脉冲.这在FPGA电 ...

  7. Elasticsearch 7.x 之文档、索引和 REST API 【基础入门篇】

    前几天写过一篇<Elasticsearch 7.x 最详细安装及配置>,今天继续最新版基础入门内容.这一篇简单总结了 Elasticsearch 7.x 之文档.索引和 REST API. ...

  8. Linux从入门到放弃、零基础入门Linux(第四篇):在虚拟机vmware中安装centos7.7

    如果是新手,建议安装带图形化界面的centos,这里以安装centos7.7的64位为例 一.下载系统镜像 镜像文件下载链接https://wiki.centos.org/Download 阿里云官网 ...

  9. Linux从入门到放弃、零基础入门Linux(第三篇):在虚拟机vmware中安装linux(二)超详细手把手教你安装centos6分步图解

    一.继续在vmware中安装centos6.9 本次安装是进行最小化安装,即没有图形化界面的安装,如果是新手,建议安装带图形化界面的centos, 具体参考Linux从入门到放弃.零基础入门Linux ...

随机推荐

  1. 常用模块random/os/sys/time/datatime/hashlib/pymysql等

    一.标准模块 1.python自带的,import random,json,os,sys,datetime,hashlib等 ①.正常按照命令:打开cmd,执行:pip install rangdom ...

  2. C 语言跟 C++ 的差异比较

    C++ 完整的 CHM 版离线手册,可以 从这里下载. C++头文件不必是 .h 结尾 C语言中的标准库头文件,例如 math.h 和 stdio.h,在C++中被命名为 cmath 和 cstdio ...

  3. git.ZC_命令积累

    1.删除文件 git rm 想要删除的文件的名字及其后缀 git commit -m "对本次提交的描述信息" git push 删除文件夹,执行命令: git rm 想要删除的文 ...

  4. Javascript之谈对象

    谈谈如何理解对象 使用预定义对象只是面向对象语言的能力的一部分,ECMAScript 真正强大之处在于能够创建自己专用的类和对象.面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意 ...

  5. 如何使用IDEA将项目上传到GitHub中

    上传之前先规定上传的格式: 1 . 以后所有上传的项目,都只上传 src文件集以及pom.xml文件,不要带有自己的 .idea配置文件或者target运行文件之类的(就算是测试文件也一样,从开始就养 ...

  6. [BZOJ1492] [NOI2007] 货币兑换Cash(cdq分治+斜率优化)

    [BZOJ1492] [NOI2007] 货币兑换Cash(cdq分治+斜率优化) 题面 分析 dp方程推导 显然,必然存在一种最优的买卖方案满足:每次买进操作使用完所有的人民币:每次卖出操作卖出所有 ...

  7. 干货!小白入门Python数据科学全教程

    前言 本文讲解了从零开始学习Python数据科学的全过程,涵盖各种工具和方法 你将会学习到如何使用python做基本的数据分析 你还可以了解机器学习算法的原理和使用 说明 先说一段题外话.我是一名数据 ...

  8. 谈一下你对 uWSGI 和 nginx 的理解??

    1.uWSGI 是一个 Web 服务器,它实现了 WSGI 协议.uwsgi.http 等协议.Nginx 中HttpUwsgiModule 的作用是与 uWSGI 服务器进行交换.WSGI 是一种 ...

  9. RequireJS 入门(二)

    简介 如今最常用的JavaScript库之一是RequireJS.最近我参与的每个项目,都用到了RequireJS,或者是我向它们推荐了增加RequireJS.在这篇文章中,我将描述RequireJS ...

  10. python学习笔记(12):高级面向对象

    一.__slots__和property 1.__slots__魔术函数动态的添加方法和属性 2.直接暴露属性的局限性 3.使用get/set方法 4.利用@property简化get/set方法 5 ...