1.建立工作环境您可以将工作环境视为办公室的延伸。它就像一个虚拟表，里面有各种工具可以让你的代码运行起来。以下是新手必备的代码编辑器：SublimeText、Brackets和notepad++等代码编辑器就像普通的旧纸质笔记本，您可以在其中键入任何内容。理论上，可以使用记事本(Windows)或TextEdit(OSX)等常规文本编辑器，但一些代码编辑器具有代码着色、自动完成和实时预览等功能，可以使编码更轻松、更具交互性。框架：框架是代码、组件和样式的集合，它们使生成Web应用程序变得相对快速和容易。有Bootstrap和Foundation等CSS框架，也有AngularJS和React等JavaScript框架。CSS框架本质上是预定义样式和Web组件（例如导航栏、页脚、卡片、排版元素和网格）的库。JavaScript框架很相似，但它们满足特定于JavaScript的需求。稍后将进一步介绍CSS和JavaScript。ResetCSS：与EricMeyer、HTML5Docto和Yahoo!一样，ResetCSS是一个包含一组标准化CSS样式的文件，这些样式被认为是最佳实践，并为页面外观提供了一致的基线。ResetCSS修改的样式通常与行高、字体和标题大小、边框间距、列表样式等元素相关。CMS：内容管理系统是一套复杂程度不同的套件，允许网站管理员轻松上传、修改和管理其网站上的内容/资产。随着您网站内容的增长，CMS将使您的工作更加轻松。流行的CMS包括：WordPress、Joomla、Drupal、Magento和Shopify。后两者是适用于电子商务网站的出色CMS。事实上，您可以在Magento和Shopify的可用性比较中了解更多信息。FTP客户端：文件传输协议(FTP)允许在您的计算机和Web服务器之间传输文件。当您探索Web开发的世界时，毫无疑问您需要将大量文件传输到服务器，从HTML、CSS和JS文件开始，到图片、音乐或您希望提供的任何内容结束你的访客。一些流行的FTP客户端是：Cyber??Duck、Filezilla和transmission。浏览器：这似乎是一个愚蠢的时刻，但您对浏览器的选择可以决定最终产品的许多方面。例如，Mozilla在其FirefoxDeveloperEdition(FDE)浏览器中构建了一个优秀的开发套件。Chrome、Firefox和Edge都内置了类似的（尽管不太健壮）工具。开发人员工具可以帮助检查其他网站上使用的代码、调试代码、编辑样式、测试响应等。2.了解理论响应式设计：网页设计和开发中最热门的话题之一是响应式网页设计（RWD），它指的是设置屏幕大小的路标，告诉页面默认为更适合用户给定大小的特定布局。RWD的兴起源于停滞不前的网页设计，这种网页设计植根于不响应浏览器宽度变化的固定页面布局。新实践允许优化可用性，超出使用固定设计模型所能达到的范围。移动优先：移动优先是现代网页设计的原则，与响应式网页设计密切相关。移动优先建议您应该先设计页面的移动布局，然后再设计每个更大的格式。理论上，通过遵循“移动优先”的方法，您可以使移动用户（占总体用户数量很大）的??体验更加友好。传统上，随着屏幕尺寸变小，网站在功能和内容方面也会缩小。然而，随着多年来移动用户数量的大幅增加，这已成为全球设计师关注的主要问题。MVP：MVP（最小可行产品）构建是一个基本术语，尽管它们在B2B中比在个人项目中更重要。MVP背后的想法是您只构建必要的功能并避免可以为第二个版本保存的功能。作为web开发的新手，建议边学习边实施本攻略。通过构建您想要的最基本版本，您将有机会探索核心概念和策略，而不会被复杂的功能所困扰。随着您对开发、设计语言和其他相关原则越来越熟悉，您可能想要避开MVP构建并探索新建立的信心。3.从这些语言开始Web开发植根于三种核心语言，几乎涵盖了您在互联网上看到和使用的所有内容。HTML、CSS和JavaScript单独使用时几乎毫无用处。当彼此结合使用时，我们可以看到无限的可能性。HTML：作为一种标记语言，HTML负责网页上文本的流动和结构，并提供一个系统来标记该文本以便使用CSS进一步增强。CSS：级联样式表负责描述和定义标记为HTML的文本的视觉方面。使用CSS，您可以定义颜色、大小、布局、动画等。JavaScript：这是目前最流行、发展最快的网络语言之一。JavaScript主要用于向Web元素添加交互性。可能性实际上是无限的。除此之外，您还可以使用APICloudStudio、AVM框架、Foundation、Bootstrap和Skeleton等框架来补充您的学习，这些框架为您提供预构建的模块以供您随意使用。APICloudStudio是一款全流程开发工具，基于业界领先的代码编辑器——Vscode深度定制，可快速构建多终端应用，在创建Android、iOS、Web应用时可快速编译对应终端的代码、应用程序和小程序。可以有效解决开发者头疼的多端开发问题。还有很多APICloudStudio试用地址语法框架。随着对前端开发工作熟悉程度的加深，也会形成自己的一套理论体系。上面提到的AVM是一个跨端的高性能JavaScript框架，更接近原生编程。Experience，它提供了一个简洁的模型来分离应用程序的用户界面、业务逻辑和数据模型，更适合高度定制化的项目。AVM框架使用地址4。在开发期间开始您的工作：在编写构成网页的代码时，您可能希望看到它的运行情况，以便您可以了解哪些有效，哪些无效，以及哪些有效执行更好的。虽然可以实时完成，但强烈建议使用本地服务器，因为这样可以最大限度地降低风险。本地服务器是您计算机上的一组软件，可让您像在Internet上一样查看网页并与之交互。后期开发：一旦您的站点完成（或大部分完成），就该将其从本地服务器迁移到实际服务器了。这意味着支付服务器费用，购买域名，并使用FTP客户端将所有相关文件传输到服务器。完成后，世界上任何人都可以访问您的网站并查看您的工作成果。一些流行的托管网站是：WordPress、WIX、GoDaddy、BlueHost、InMotion和HostGator。您可以在此处研究可用域名并在此处购买。如果您想尝试一些全新的东西，请查看目前处于测试阶段的GoogleDomains。
