客户旅程_从零开始成为Web开发人员的旅程[分步指南]

客户旅程

在进入之前，让我们讨论一下目标。

• 互联网和万维网（WWW）（W3）之间的区别以及它们各自的简短故事。
• Web浏览器和Web服务器之间的客户端-服务器体系结构描述
• 浏览器如何与Web服务器通信
  src： https ： //www.quora.com/How-does-a-browser-communicate-with-a-web-server

介绍

• 您将在本书中学习的Internet和Web编程技术是可移植的，可让您设计可在支持Internet的各种设备上运行的网页和应用程序。
• 客户端编程技术用于创建网页
  以及在客户端（用户设备中的浏览器）上执行的应用程序
• 服务器端编程-响应客户端的应用程序
  请求，例如搜索互联网，在线订购，在eBay上购物等。

互联网和万维网

• INTERNET：一种全球计算机网络，提供各种信息和通信设施，包括使用标准化通信协议的互连网络。
• WWW（W3）：Internet上的一种信息系统，允许通过超文本链接将文档连接到其他文档，从而使用户可以通过从一个文档移动到另一个文档来搜索信息。

以下是用于万维网的协议列表：

• ARP：地址解析协议
• DHCP：动态主机配置协议
• DNS：域名服务
• DSN：数据源名称
• FTP：文件传输协议
• HTTP：超文本传输​​协议
• IMAP：Internet邮件访问协议
• ICMP：Internet控制消息协议
• IDRP：ICMP路由器发现协议
• IP：网际网路通讯协定
• IRC：Internet中继聊天协议
• POP3：邮局协议版本3
• PAR：肯定确认和重新发送
• RLOGIN：远程登录
• SMTP：简单邮件传输协议
• SSL：安全套接字层
• SSH：安全外壳
• TCP：传输控制协议
• TELNET：TCP / IP终端仿真协议
• UPD：用户数据报协议
• UPS：不间断电源

网址

• 连接到Internet的任何设备都必须具有唯一的IP地址：
  
  一世。 IPv4是32位：abcd，其中a，b，c，d的范围为（0..255）
  ii。 IPv6是128位，它允许连接更多地址：
  2 ^ 128 = (128/32) x maxIpAdressesOF(IPV4) ≈ 4.3billion unique IP addresses
• 计算机更好地了解IP地址
  比喜欢FQDN的人
  
  一世。 FQDN =完全合格的域名
  ii。 域名服务器（DNS）在IP地址和相应的FQDN之间进行转换
  iii。 例如。 FQDN google.com的IP地址216.58.212.46
  
• URL，URN和URI
  
  一世。 统一资源定位符（URL）是实际位置
  网络上的资源
  ii。 统一资源名称（URN）具有相同的名称
  格式为URL，但可能未引用实际资源
  iii。 统一资源标识符（URI）是
  以上两个术语的概括，可以引用其中两个。

我们将学习的技术：

• HTML 5：用于描述结构和
• 网页内容
• CSS3：用于样式化我们的页面
• JavaScript：为我们的网页添加“行为”
• DOM和DHTML“连接”以上三种技术
• PHP用于服务器端脚本
• 用于服务器数据库MySQL
  

HTML5

• HTML（超文本标记语言）是一种称为标记语言的特殊计算机语言，旨在指定网页的内容和结构。
• HTML使我们能够创建可在可访问Internet的各种设备（例如智能手机，台式机，笔记本电脑，平板电脑等）上显示的内容。
• 称为XHTML（可扩展超文本标记语言）HTML的更严格版本是基于XML（可扩展标记语言）的，并且今天经常使用。
• 稍后我们将了解的许多技术都以XHTML文档的形式创建网页，但是趋势正在朝着HTML5（HTML的最新版本）发展。

级联样式表（CSS）

• 尽管HTML5提供了对文档表示形式的一些控制，但是最好不要将表示形式与内容混合使用。
• 级联样式表（CSS）用于指定网站的表示形式或样式元素（例如，字体，分区，大小，颜色，位置）。
• CSS旨在为网页设置样式，无论其内容和结构如何。
• 通过将样式与网站的内容和布局分开，我们可以轻松地更改整个网站或网站一部分的页面外观，只需将一个样式表与另一个样式表共享即可。
• CSS3是CSS的当前版本。
  

JavaScript

• JavaScript帮助构建动态网页（例如，可以响应用户启动的事件等进行修改的网站）和计算机应用程序。
• 它使我们能够对Web应用程序进行客户端编程。
• JavaScript由Netscape创建，并与Microsoft一起影响了JavaScript的标准化。
• JavaScript是一种可移植的脚本语言。
• 用JavaScript编写的程序可以在各种设备的浏览器中执行。
• ECMAScript 6（ES6）

浏览器及其可移植性

• 使用不同的浏览器为客户提供相同的视图是Web应用程序开发的最大挑战之一。
• 当前，在创建Web浏览器时，没有惯例必须遵循软件公司的惯例。
• 尽管浏览器共享一组共同的功能，但是每个浏览器可能会呈现不同的页面。
• 浏览器有许多版本，可以安装在不同的平台（Microsoft Windows，Apple Macintosh，Linux，UNIX等）中。
• 创建者向每个新版本添加功能，有时会导致平台之间不兼容。

JQUERY

• jQuery（jQuery.org）是当前最受欢迎JavaScript库。
• jQuery通过简化网页元素以及与来自不同浏览器的服务器进行交互，简化了JavaScript编程。
• 它提供了GUI控件库，可用于增强网页视图。

支持

• 很难创建在每个浏览器的所有版本中都相同的网页。
• 对HTML5，CSS3和JavaScript功能的支持因一种浏览器而异。
• （http://html5test.com/）基于对这些不断发展的标准的最新功能的支持对每个浏览器进行评分。
• http://caniuse.com/提供了每个浏览器支持的功能列表。

HTML，CSS和JavaScript验证器

• 我们需要使用常规HTML5，CSS3和JavaScript语法来确保浏览器正确处理我们的文档。
• 什么是HTML验证程序？ -HTML验证程序是一种程序或服务，用于检查HTML（超文本标记语言）标记是否存在语法错误。 诸如打开标签，缺少引号，多余的空格等错误可能导致网页以与创建者计划的方式不同的方式显着出现。

我认为要成为一名Web开发人员，需要在这些主题上包含一个非常好的概念。 如果他们试图从这里到那里进行合并，那么在旅途中肯定会遇到困难。

有用的资源：

更多信息：

• https://learn.shayhowe.com/html-css/
• https://www.javascript.com/
• https://jquery.org/
• https://zh.wikipedia.org/wiki/IPv4
• https://zh.wikipedia.org/wiki/IPv6

翻译自: https://hackernoon.com/journey-to-become-a-web-developer-guide-5j3i32ox

客户旅程