这是专门给前端开发同学所准备的素材和工具合集！

本月，我们专门为设计师推送了许多设计工具，这是专门为前端开发学生准备的材料和工具收集。它包含了各种代码集合，开发框架，有些是React扩展，有些是基于PHP的应用程序。除了非常实用、面向生产的实用工具外，还有怀旧的CSS库，以及帮助您提高开发和设计技能的学习材料。以下是完整的推荐内容：FreeForDev是一个令人惊叹的免费服务列表，它汇集了广泛的内容，包括云服务提供商、Web托管、源代码回购、代码质量服务等。我相信很多开发专业的学生会发现它们非常有用，尤其是在预算有限的情况下。基于最闪亮的堆栈服务Reacttt，TinaCMS是一个新的内容管理系统、Gatsby、Next.js。该内容管理系统可以轻松管理文本、图片、日期、配色等字段。如果你不喜欢Reactttct.js，所以你也可以使用Vuee.js、Gridsome和Nuxt.js。正如这个工具的名字所暗示的，它是Laravel和Vuel.js构建单页应用程序（SPA）可与Laravel6.0一起使用的框架，Laravel6.0.0是最新版本，还有Socialite，让您可以将Twitter和Github等网站服务集成在一起。BookStackAPP也是一个自托管的CMS系统，用于组织和存储信息，是发布文档、注释或制作Wiki的理想平台。它是免费的，代码开源，由Laravel构建，可以完全自定义，也可以用最低5美元的DigitaloceanVPS托管。用于读取RSS源的自托管内容管理系统。它对PHP环境的要求很低。FreshRSS是Feedly的良好替代品。使用它，您可以自行存储所有数据。您可以选择将其托管在一些便宜的Web服务提供商或具有MAMP或WAMP的本地主机中。NES.css是一套用于构建任天堂8位复古风格的UI组件的框架，包括按钮、表单和输入等各种组件样式。这是检查域注册命令的实用工具。它的执行速度非常快，比基于网络的Whois网站检测工具更方便，没有弹出广告和Captcha验证。Protractor是专门为Angluar和AngularJS应用程序构建的端到端测试框架。在它的帮助下，您可以在真实浏览器中运行一系列测试，并与普通用户交互，以确保Angular应用程序能够按照预期运行。Sortable是JavaScript库，可用于创建课程排序界面。它是用纯JavaScirpt建造的，没有额外的依赖库，可以无缝集成到React等其他框架中，如React.js和Vue.js。TSDX是为改善TypeScript项目开发人员在开发过程中的体验而创建的项目。您只需启动即可立即在项目中使用，而无需设置TypeScripttt、其他配置，如Rollup或Jest。这是2019年JAMStackConf视频的集合，其中包含了许多精彩的演讲，以及当前网络产业的发展。Bash是我最喜欢的语言之一，但我现在知道它也可以使用Bats进行自动测试，与其他编程语言(PHP和JS）同样，自动测试可以帮助我们确保整个程序按照预期运行。这是Reactt的用途.JavaScirpt库，可用于构建一致可用的定制UI界面。Reactttsroughcharts.可用于绘制粗略图表的js组件。这是一个支持不同常见图表类型的响应组件，包括饼状图、条形图和折线图。Buttercake是一个基于CSSFlexbox的现代CSS框架，它有许多预定义的UI组件，如按钮、轮播图、面包屑、导航、表单等。如果使用 如果Elasticsearch想要构建一致的UI搜索页面，可以尝试Reactivesearch。该组件包含建议搜索列表和搜索过滤器，您可以结合React.js、Vue.js和ReactNative一起使用。这是一个由StyledSystem构建的React组件集，包括常用的组件，如按钮、标题、表格等常用风格。StyledSystem允许您更深入地定义React中组件的属性，使自定义设计更容易实现，更统一。这是Reactt的用途.jsUI组件沙盒。您可以隔离并呈现UI组件，以测试每个UI组件的属性并与之互动，并在不同的视图下查看它们的大小和细节。Progressbar是JavaScript库，可以更方便快捷地创建精美的进度条，可以找到经典的直线进度条，也可以生成心形或其他形状。这是用来编写CSSS的-in-JavaScript库Java工具。Treat的操作机制和其他CSS-in-JS略有不同。它直接编译CSS，而不是在浏览器中实时编译。因此，从某种意义上说，它在技术上更类似于CSS预处理器，如Sass和LESS。