当前位置:首页 » 资源管理 » 前端开发资源有哪些
扩展阅读
刷墙砖可以用什么工具 2025-06-17 15:21:00
湛江哪里有海产品养殖 2025-06-17 15:09:10
装修知识费用怎么收 2025-06-17 15:01:42

前端开发资源有哪些

发布时间: 2022-03-08 03:54:45

⑴ 前端开发有哪些社区推荐一下

前端开发有w3c,这个网站比较好用,适合新手用

⑵ 前端开发框架有哪些

1. Bootstrap

Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。

Bootstrap是用动态语言LESS写的,主要包括四部分的内容:

脚手架——全局样式,响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此,如果你的设计需要实现响应式布局,那么你需要手动开启这项功能。
基础CSS——包括基础的HTML页面要素,比如表格(table),表单(form),按钮(button),以及图片(image),基础CSS为这些要素提供了优雅,一致的多种样式。
组件——收集了大量可以重用的组件,如下拉菜单(dropdowns),按钮组(button groups),导航面板(navigation control)——包括:tabs,pills,lists标签,面包屑导航(breadcrumbs)以及页码(pagination),缩略图(thumbnails),进度条(progress bars),媒体对象(media objects)等等。
JavaScript——包括一系列jQuery的插件,这些插件可以实现组件的动态页面效果。插件主要包括模态窗口(modals),提示效果(tool tips),“泡芙”效果(popovers),滚动监控(scrollspy),旋转木马(carousel),输入提示(typeahead),等等。
Bootstrap已经足够强大,能够实现各种形式的 Web 界面。为了更加方便地利用Bootstrap进行开发,很多工具和资源可以用来配合使用,下面列举了其中的一部分工具和资源。

jQuery UI Bootstrap —— 对于jQuery和Bootstrap爱好者来说这是个非常好的资源,能够把 Bootstrap的清爽界面组件引入到jQuery UI中。
jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主题类似,这是一个为jQuery Mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问,那么这个资源对你来说很方便易用。
Fuel UX —— 它为Bootstrap添加了一些轻量的JavaScript控件。Fuel UI 安装,修改,更新以及优化都很简单方便。
StyleBootstrap.info —— Bootstrap提供了自己的几种界面风格,StyleBootstrap提供了更多的配色选项,并且你可以给每个组件都应用不同的配色。
BootSwatchr —— 利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果,这个应用都会生成一个唯一的URL方便你与他人分享,你也可以在任意时刻修改你的主题。
Bootswatch —— 提供大量免费的Bootstrap主题。
Bootsnipp —— 在线前端框架交互组件制作工具,是一个供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素。
LayoutIt —— 通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性,简单便捷。

2. Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等,风格与Facebook类似。

3. BootMetro

BootMetro框架的灵感来自于Metro UI CSS,基于Bootstrap 框架构建,用于创建Windows 8 的Metro风格的网站。它包括所有Bootstrap的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。

4. Kickstrap

Kickstrap是Bootstrap的一个变体。它基于Bootstrap,并在它的基础上添加了许多app,主题以及附加功能。这使得这个框架可以单独地用于构建网站,而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上,然后用就可以了。

App 是一些页面加载完成之后加载运行的JavaScript和CSS打包文件。默认加载的app有Knockout.js, Retina.js, Firebug Lite, and Updater,你也可以自行添加更多的app。

选择不同的主题可以让你的网站在众多Bootstrap构建的类似网站中显得与众不同。

附加功能是一些用来扩展Bootstrap UI 库的附件,它们的语法基本相同或者相似。

⑶ web前端开发常用工具有哪些

1、jQuery
jQuery由于其无限的教程,没有跨平台/浏览器问题,优秀的用户界面,大量的插件以及它的轻量,快速和快速学习等特点而脱颖而出。超过70%的受访者选择jQuery作为他们的前端库,它是一个快速,轻量级和简洁的JavaScript库,主要用于HTML文档遍历、事件处理、动画和用于快速Web开发的Ajax交互。从本质上讲,jQuery最适合需要快速开发的应用程序。
2、Bootstrap
超过65%的开发者选择Bootstrap作为他们最喜欢的框架来使用,它是一个用HTML、CSS和JS开发的开源工具包。Bootstrap的广泛流行主要是因为它的简单使用、优秀的社区以及大量的文章和教程、第三方插件和扩展、主题构建器等。

3、Angular
如果你打算构建一个动态且强大的单页应用程序,Angular就是你需要的框架。Angular是高度模块化的,因此非常适合与团队分开大型工作,并且使测试和调试变得轻松。功能优先的方法使Angular更加专注于功能,使开发人员的工作更轻松。此外,它还有来自Google社区的出色工具和支持。

4、NPM
NPM是Node的包管理器。借助NPM,开发人员可以安装各种模块进行Web开发,共享和借用软件包,并管理私有开发。它由网站、命令行界面(CLI)和注册表三个不同的组件组成。

5、Webpack
Webpack是现代JavaScript应用程序的模块打包程序,它将前端开发所需的所有资源(如JavaScript、字体和图像)集中到一个地方。如果你正在开发复杂的前端,这特别有用。你可以去通过部署具有的WebPack Web应用程序,以获取有关的WebPack起来和运行。

除了以上工具,还有Sass、React等,根据企业所用工具的不同,你需要掌握的工具也不一样。

⑷ 知乎上前端开发领域有哪些值得推荐的问答

前端资源:

关于 Javascript 学习,有哪些好的博客或者网站推荐? - 前端开发
有哪些不错的前端开发博客? - JavaScript
前端业内有哪些交流氛围比较好群/论坛/社区? - 前端开发
想深入了解一下 jQuery 的源码,但是觉得学习曲线有点陡峭,有没什么好的方法或者学习资源推荐? - JavaScript

⑸ Web前端开发比较好的技术类资源网站有哪些

你好,WEB前端开发是最近几年才兴起的,关于它包括哪些技术,你可以去网上找一下或者去查一下相关的书籍,
有人学习是网上学习的,它是一个免费学习网站,网站课程为短视课频,学习内容基本都是实操性很强的案例程。

⑹ web前端开发论坛社区有哪些

推荐一个前端开发者的常用工具列表:

1. lodash:一个一致性、模块化、高性能的 JavaScript实用工具库。

2.ramda:一个很重要的库,提供了许多有用的方法,每个 javaScript程序员都应该掌握这个工具。

3.dayjs:一个轻量的处理时间和日期的 JavaScript库,js工具类和 Moment js的AP设计保持完全一样,体积 只有2kb。

4.big.js:一个小型,快速的 JavaScript库,用于任意精度 的十进制算术运算。

5.qs:一个url参数转化 (parse和stringify)的轻量级js 库。

6.three.js:基于webgl的开源3D框架,对webgl进行封装,需要专业的3D开发知识。

7.thingjs: 一款新兴的3D框架,封装物联网3D开发概念(建筑、楼层等),仅要求初级js基础。

常见的技术社区,都会有【大前端】学习资源和社区讨论,推荐spring4all、博客园、开源中国、思否、CSDN、V2ex、腾讯云、阿里云、spring4all、掘金、ITPUB,总有合适你的学习氛围。

如果有一定的美术能力,3D可视化是不错的发展方向!审美在线,又有开发基础的话,转行3D开发师不用愁。我所处的物联网3D可视化领域,这个职业很有前景哦~thingjs官网-资源中心提供视频教程、demo案例、下载插件和3D模型,好好实操一下,初学者有破了一周开发3D项目的记录!

  • ThingJS教程(2019版)

  • ThingJS教程(2020版)

  • CampusBuilder教程

  • ChartBuilder教程

  • ThingJS行业案例

  • 看一下模型效果杠杠滴!


⑺ 的前端开发社区有哪些

MDN
MSDN
StackOverflow
Github
Google Developer/web
各个库/框架的官方网站、文档和 demo

⑻ web前端常用的数据库有哪些

1、MySQL
2、Mongodb
3、SQL Server
4、Oracle

⑼ 学web前端开发需要用哪些软件

web前端开发除了PS、DW之外,还有一些常用的前端开发工具,以下仅列出前端工程师常用的两款:
1、WebStorm:WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
个人经验:WebStorm优点是代码提示、高亮等等,支持很多框架。非常适合项目开发。缺点是启动稍慢。
2、Sublime Text3:Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
个人经验:Sublime Text3通过安装不同的插件可以完美支持各种语言。相对于webstrom,它的启动速度非常快,常用于修改单个文件的错误或者调试。

⑽ HTML5、前端学习资源哪里有的分享

不管是付费的还是免费的HTML5(前端)学习资源网上都是很多的,大部分的学习资源知识逻辑线不强,知识点也不够体系化,对于初学者来说不够友好吧。
如果想通过自学的方式学习HTML5(前端),推荐你选择一本比较不错的HTML5技术书籍,学习效果会更好一些吧。毕竟书本的知识逻辑性相对会比较强,知识的覆盖面也会比较全面。HTML+CSS方面推荐你选择《HTML5布局之路》,这本书的知识是按照网页开发的流程进行讲解,对于初学者来说比较容易学会。书里还包含了HTML5开发的项目开发经验和各大公司的HTML5面试真题,更贴合于实战。JavaScript方面,还是选择国外的《Head First JavaScript程序设计》。