在学习前端的开始,让我们一起来了解什么是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. 阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第1节 网络通信概述_5_端口号

  2. 测开之路一百一十二:bootstrap按钮

    bootstrap按钮 引入bootstrap和jquery 普通按钮和bootstrap风格按钮 调整大小 块级按钮 禁用按钮 disabled 按钮分组 分页按钮

  3. 16/7/7_PHP-Static静态关键字

    Static静态关键字 静态属性与方法可以在不实例化类的情况下调用,直接使用类名::方法名的方式进行调用.静态属性不允许对象使用->操作符调用. class Car { private stat ...

  4. 【AndroidFramework】【EMMC拷机】混合拷机时盒子待机

    [AndroidFramework][EMMC拷机]混合拷机时盒子待机 问题结论 暂时确定为误按键,不是故障.问题关闭.后续完全保证无按键(物理隔离)情况下如果出现待机,请反馈. 问题描述 [EMMC ...

  5. JavaScript 开发的 睡眠状况自测(SRSS)

    Javascript 开发睡眠状况自测程序,手记!2019.11.13日... <script>//初始化fbox = new Findpair('fbox','output');fbox ...

  6. c++知识点总结3

    http://akaedu.github.io/book/ week1 引用:相当于变量的别名.下面r和n就相当于同一回事 ; int &r=n; 引用做函数参数: void swap(int ...

  7. 什么是服务端伪造(SSRF)

    什么是服务端伪造(SSRF) 原文:GitHub Pages and Single-Page Apps 译者:neal1991 welcome to star my articles-translat ...

  8. AOS and clustering

    原文转载:http://sjakalax.blogspot.com/2010/10/aos-and-clustering.html AOS and clustering   hi,   There s ...

  9. MiniUI学习笔记1-表单控件

    1.输入框样式 class="mini-textbox" //普通输入框 class="mini-password" //密码输入框 class="m ...

  10. Redis的客户端Jedis

    1. Redis支持消息的订阅与发布 Redis的消息订阅支持:先订阅后发布 订阅:subscribe c1 c2 发布:publish c2 hello-redis 支持通配符的订阅:psubscr ...