学web前端开发要多久,出自大神的经验之谈
1、前端开发要学多久
学web前端开发需要的时间取决于学习方式：自学，一般需要一年左右的时间才能掌握web前端开发的一些基本知识和框架;培训，一般都在5-6个月时间就可以掌握web前端开发。
这是零基础小白很喜欢问的问题，回答也很简单，若是你不想学，那么现在就可以退出，可若是你想要学习，那么用一辈子的时间也学不完。至于前端开发要学多久?
自学，一般需要一年左右的时间才能掌握web前端开发的一些基本知识和框架。
培训，一般都在5-6个月时间就可以掌握web前端开发，并且培训机构会有真实企业项目练手，增加实战经验，求职更有优势。
2、web前端开发需要学什么
HTML、CSS
首先需要学习的就是HTML和css，这两个属于标签语言，简单易懂，只要平时多记多用，熟练以后就可以了。
基础标签div，span，p，ul，li，input等。CSS：语法、派生选择器、id选择器、类选择器、属性选择器。CSS基本样式：背景，字体、链接、列表、表格、轮廓。CSS盒子,CSS选择器,CSS常用操作。
JavaScript
js基础，实现、输出、语法与注释、变量和数据类型、javaScript函数、JavaScript异常处理和事件、DOM对象、正则表达式等。
Bootstrap
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
HTTP服务和AJAX编程
WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
Vue.js、React.js
前端框架必学，现在的编程开发都是前后端分离，所以学好框架跟有利于开发。
Node.js
简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于Chrome JavaScript
运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
Web开发工具有哪些？
常用的web开发工具有这些：Quarkly (设计工具)，可以对生成的代码进行编辑、定制和管理;Budibase
(低代码平台)，可以帮助你在自己的基础架构内部创建应用;Undesign (设计工具&素材)，可以自动收集整理素材。
1、Quarkly (设计工具)
Quarkly是一款为web开发者和web设计者而创立的免费工具。它不仅仅帮助了设计者，也帮助开发者建立了网站和web应用，从设计到部署的工作流的速度也提高了许多。
你不仅可以设计拖拽和删除元素，还可以通过内置的代码编辑器，对生成的代码进行编辑、定制和管理。
你可以添加逻辑、关联终端API，并且添加任何不能被可视化建设者生成的代码。不仅如此，你甚至还可以在项目中添加npm包。
通过这种方法，你可以充分控制生成的代码，并且可以保证代码的质量。这是你在其他普通的网站建设者那里无法实现的。
代码基于react(一个很流行的JavaScript库)在Quarkly中生成，所以如果你已经知道了react，来到Quarkly你会感觉就像回到了家一样熟悉。
2、Budibase (低代码平台)
Budibase是一个开源的低代码平台，可以帮助你在自己的基础架构内部创建应用。Budibase声称其在创建内部工具时要比从头开始构建内部应用快50倍。
Budibase构建者提供了一个桌面平台，允许您构建web应用程序并进行预览。以下对Budibase特点的总结：
(1)创建并发布真正的软件。与其它平台不同的是，Budibase允许创建并发布独立页面的应用;
(2)开源并且可扩展。作为一款开源软件，Budibase的构建器使用AGP lv3，服务器使用GPL v3，客户端使用MPL;
(3)加载数据或从头开始。Budibase从多个来源导入数据，比如MongoDB、CouchDB、PostgreSQL、mySQL、Airtable、Google
Sheets、S3、DyanmoDB或REST API;
(4)通过强大的预制组件设计并建立应用;
(5)自动化流程，与其他工具集成，并连接到webhooks;
(6)云托管和自己托管。用户可以自行托管，也可以使用Budibase云托管应用程序。
3、Undesign (设计工具&素材)
作为一名前端开发者，我们经常需要一些设计素材，比如静态照片、插图、图标、动画、字体等等，但这些素材平时都很难找到。
如今多亏了Undesign，我们不再需要去网络中手动寻找设计素材。Undesign收集了免费的设计工具和素材，并将它们分类整理。
你的网站需要插图吗?选择插图类目，之后你就可以看到一份最棒的插图网站列表。想找一些搭建网站的动画吗?在动画目录中，你将会找到免费的动画网站。
其它Undesign设计素材的类目有设计灵感、模板、调色板、css生成器、图标、设计实用工具、库存照片、视频、音频等等。
