开始前端开发只需要以下4个步骤

如何学习前端？这是一个大问题。在学习方法方面，有自学和培训。从学习方法的角度来看，没有办法统计它们。每个人都有自己适合的方法。有些人认为他们可以通过观看视频来学习，有些人认为，他们可以通过阅读书籍来获得技能，有些人则认为，他们通过与大人物在小组中交谈和吹水来掌握他们想要的知识。

：

建立工作环境

你可以把你的工作环境看作是办公室的延伸。它就像一个带有各种工具的虚拟表，可以让代码运行。

以下是初学者必备的

代码编辑器：代码编辑器，如Sublime Text、Brackets和notepad++，类似于普通的旧纸质笔记本。您可以输入任何想要的内容。

理论上，您可以使用常规文本编辑器，例如记事本（Windows）或TextEdit（OS X）。然而，一些代码编辑器的代码着色、自动完成、实时预览和其他功能可以使编码更容易、更具交互性。

框架：框架是代码、组件和样式的集合，它们使生成webapp相对快速和容易。有Bootstrap和Foundation这样的CSS框架，还有AngularJS和React这样的JavaScript框架。

CSS框架本质上是预定义样式和web组件的库，如导航栏、页脚、卡片、布局元素和网格。avaScript框架类似，但它们可以满足JavaScript特定的要求。稍后将进一步介绍CSS和JavaScript。

ResetCSS:ResetCSS就像EricMeyer、HTML5Docto和Yahoo！是一个包含一组标准化CSS样式的文件，这些样式被认为是最佳实践，并为页面提供一致的视觉基线。ResetCSS通常修改的样式与行高、字体和标题大小、边框间距和列表样式等元素有关。

**CMS：**内容管理系统是一个具有不同复杂度的套件。站长可以轻松上传、修改和管理其网站上的内容/资产。随着网站内容的增加，CMS将使您的工作更加轻松

流行的CMS包括WordPress、Joomla、Drupal、Magento和Shopify。后两者非常适合电子商务网站CMS。事实上，您可以了解更多Magento和Shopify之间的可用性比较。

FTP客户端：文件传输协议（FTP）允许您在计算机和web服务器之间传输文件。当您探索web开发的世界时，毫无疑问，您需要将大量文件传输到服务器，从HTML、CSS和JS文件开始，到图片、音乐或任何您想提供给访问者的内容结束。

一些流行的FTP客户端是CyberDuck、Filezilla和传输。

浏览器：这似乎是一个愚蠢的时刻，但您对浏览器的选择可以决定最终产品的许多方面。例如，Mozilla在其Firefox Developer Edition（FDE）浏览器中构建了一个优秀的开发套件。

Chrome、Firefox和Edge都内置了类似的工具（尽管不太强大）。开发工具可以帮助检查其他站点上使用的代码、调试代码、编辑样式、测试响应等。

2.了解这些理论知识

响应式设计：网页设计和开发中最流行的主题之一是响应式网页设计（RWD），它是指设置屏幕大小的路径点，并告知页面默认为更适合给定大小的特定布局。RWD的兴起源于停滞的网页设计，其根源在于固定的页面布局无法响应浏览器宽度的变化。新的实践允许优化可用性，而不是使用固定的设计模型所能实现的。

移动优先：移动优先是现代网页设计的原则，与响应式网页设计密切相关。Mobile首先建议您首先设计页面的移动布局，然后设计每种更大的格式。

理论上，通过遵循“移动优先”的方法，移动用户（占用户数量很大）可以获得更友好的体验。传统上，随着屏幕尺寸变小，网站将按功能和内容缩小。然而，随着多年来移动用户数量的巨大增长，这已经成为全球设计师的主要关注点。

MVP：虽然它们在B2B中比在单个项目中更重要，但MVP（最低可行产品）构建是一个基本术语。MVP背后的想法是，您只构建必要的功能，而避免为第二个版本保存的功能。

作为一名新手web开发人员，建议在学习时实施此策略。通过构建您想要的最基本版本，您将有机会探索核心概念和战略