快速学习编程可以试试学习前端开发

  • A+
所属分类:小学编程

我们作为初学者,学习编程最重要的就是有效果,学习总要看的见才能更有信心去学习,快速学习编程可以试试学习前端开发,前端开发是什么,这里也慢慢给大家介绍。

Web的前端是您可以看到并与之交互的部分。正如(Long,2012)所说,“你在使用网页时看到的一切都是由计算机浏览器控制的HTML,CSS和JavaScript的组合。”因此,前端开发是编写HTML,CSS的任务。和JavaScript,以便当用户打开网站时,他们会以易于阅读和相关的格式查看信息。前端开发人员面临的一个共同挑战是确保网站在不同的设备,浏览器和操作系统中正确显示(“响应”)。这可能非常复杂,因为现在人们使用各种屏幕尺寸从小型智能手机到大型iMac的设备(维基百科,2016c)。

如果您希望在前一章的基础上构建并成为更好的前端开发人员,那么您应该了解三个主要主题:熟练的CSS,前端的精通JavaScript以及优化的所谓构建工具开发工作流程。

快速学习编程成为前端开发需要,精通 CSS

CSS很容易在一开始就被提取,但在构建网站时会变得相对复杂,尤其是响应式网站。因此,有一些CSS框架可以快速轻松地创建响应式网站。最常见的是Bootstrap和Foundation,在较小程度上是Skeleton,Bourbon Neat和Gumby。像Bootstrap这样的一些框架还提供了现成的页面元素,如按钮或模态,这使得新网站的创建速度更快。你应该至少熟悉其中一个。许多从业者还建议学习如何使用纯CSS构建具有媒体查询,弹性框和响应图像等技术的响应式设计。这允许更多的灵活性和更深入的理解(Stern,2016)。

另一个值得学习的技巧是CSS预编译器。它们允许为CSS添加更多功能,例如为颜色定义全局变量。两个最常见的是SASS,并且在较小程度上并且越来越受欢迎,LESS。他们通常需要一天或更少的时间来学习,并且非常有用。尽管如此,并非每个项目都需要它们(Thornton,2014)。

最后,您应该熟悉语义标记等最佳实践,即“使用适当的HTML标记和有意义的CSS类名来传达结构意义”(White,2016); CSS命名约定,有助于使代码可预测,可读和可维护; 和CSS重置以克服浏览器之间的小样式不一致。

快速学习编程前端的精通JAVASCRIPT

对于或多或少是静态的网站,使用基本的JavaScript或jQuery来添加基本功能就足够了。但是,为了能够执行更高级的操作并了解“幕后”的内容,您应该了解有关JavaScript的更多信息。第一步是更好地理解语言及其语法。这意味着掌握“变量实例化,循环和函数”和面向对象编程等概念(White,2016)。下一步是通过了解文档对象模型(DOM)将此知识应用于Web。简而言之,当浏览器从您的服务器接收HTML文件时,它会将其转换为DOM。JavaScript然后与DOM交互并可以更改它。另一个重要的概念是使用AJAX和JSON的API调用,即

获得这些中级知识后,您可以选择一个JavaScript框架。框架有助于构建和组织代码。它们为开发人员提供了可复制的前端问题解决方案,通常用于构建Web应用程序。根据(Stern,2016),今天要学习的第一个框架是React,这是一个由Facebook支持的相对较新的框架。React与Facebook的架构Flux合作,在JavaScript应用程序中创建数据层。另一个非常流行的框架是Angular.js,它由Google支持。然而,根据(斯特恩,2016年),它一直在努力推出其最新版本,该版本在网络开发者社区中获得了不同的评论。一项大型调查(JavaScript Scene,2015)证实了这一点:“近一半(45%)[受访者]目前使用Angular,超过一半(66%)的人对React感兴趣。与Angular相比,对Angular感兴趣的人数较少,这可能会导致Angular使用量下降。Angular目前在前端组件库方面占主导地位,但从这些结果来看,React似乎准备在接下来的几个月里为Angular提供资金。“其他虽然远不那么流行,但学习者可以选择学习的框架是Ember。 js或Vue.js.

快速学习编程学习使用前端开发工具

构建工具用于改进开发工作流程,这对于Web开发很重要,因为它可以节省大量时间。开发工作流程可以分为六个部分,如(Liew,2015)中所总结的:

1.“脚手架是您设置Web项目的地方。在这里,您将创建一个git仓库,准备文件结构,下载库和依赖项以及所有其他任务,以确保您的项目准备就绪。

2.开发是你花费大部分时间的地方 - 编写代码!

3.测试是测试代码是否有效的地方。如果事情没有成功,或者你的新代码破坏了网站上的其他内容,你会回去开发更多。

4.集成是您将代码与团队其他成员合并的地方。这通常涉及合并git分支。如果你单独工作,你会跳过集成。

5. Optimize是准备在生产服务器上使用的所有资产的地方。文件经过优化,可让访问者尽快查看您的网站。

6.部署是将代码和资产推送到服务器并允许公众查看更改的地方。“

构建工具可优化工作流程。Web开发人员通常使用的第一种工具是任务运行者。它们使代码可以分解为多个文件,使其更容易避免冲突,并避免大量耗时的重复性任务,如连接或前缀。它们还通过减少每页加载请求的文件数量和压缩文件来提高页面速度。两个主要的任务选手是Grunt和Gulp,尽管Gulp是当今大多数开发人员的首选(Stern,2016)。另一个重要的工具是Webpack,它用于JavaScript依赖关系管理。如果JavaScript代码分布在多个文件上,那么开发人员需要管理它们之间的依赖关系,这主要是通过Webpack完成的。一个常见的替代方案是Browserify。最后,快速学习编程学习者应该了解包管理者。包是开发人员为解决特定问题而创建的代码集合。npm允许JavaScript开发人员在自己的应用程序中重用该代码,并已成为前端开发人员的标准工具。

发表评论

您必须才能发表评论!