프런트엔드 개발자가 수집할 가치가 있는 일부 GitHub 라이브러리를 공유하세요.

많은 리소스를 보유하고 있다는 것은 항상 좋은 일입니다.

코더로서 우리는 상용구 코드를 반복해서 작성하는 대신 기능과 모범 사례에 집중해야 합니다. 낭비되는 노력을 없애고 올바른 도구를 사용하는 방법을 배우거나 유용한 리소스를 사용하는 방법을 아는 데 시간을 투자하면 시간을 절약하는 데 큰 도움이 될 수 있습니다.

이 기사를 통해 WEB 개발 기술을 향상시키는 데 큰 도움이 될 수 있는 일부 GitHub 라이브러리에 대해 알아봅니다. 이러한 라이브러리는 더 나은 코드를 작성하는 데도 도움이 됩니다. WEB 开发技能的 GitHub 库，这些库也会帮助你编写更好的代码。

Node.js Best Practices

这个库是一个很棒的地方，可以让你随时了解 Node 世界，并在使用时了解最佳实践。拥有 40k Star 和 133 位贡献者，这个库几乎每天都有更新。

该库对排名较高 Node.js 的最佳实践进行了总结和整理，包括 Node.js + Docker 最佳实践。目前拥有超过80多种最佳实践，风格指南和结构建议等。

一些常见的最佳做法包括：

• 更好地组织项目
• 错误处理实践
• 代码风格实践
• 测试和整体质量实践
• 进行生产实践等等

点击跳转到仓库

HTML5 Boilerplate

HTML5 Boilerplate 是一个专业的前端模板，用于构建快速、健壮和适应性强的 Web 应用程序或者网站。

该项目是多年迭代开发和社区知识的产物。它没有强加特定的开发理念或者框架，所以你可按照自己的方式自由地构建代码。

包括像如下的预定义功能：

• Normalize.css
• jQuery with CDN
• Apache Server Configs
• 有用的 CSS 助手类
• 默认样式，性能优化等

根据你想要用的内容以及使用方法，将所需文件复制粘贴到你的工程目录里即可。这样就为你提供了一个配置好的模板，从而加快了开发速度。

点击跳转到仓库

RealWorld

掌握一个新框架的核心概念和意识形态并不是一件令人沮丧的事情。

如果你没有正确理解这个概念的话，你需要阅读文档，运行示例代码，拆解示例应用程序并将其重新组合在一起，在本地安装 CLI 等等，它需要花费太多的经历，令人沮丧。

RealWorld 允许你选择任何前端（React,Angular2 等）和任何后端（Node , Django 等），并将它们集成在一起以查看应用程序的真实示例。

由于这些实现和技术栈相关，它们显然不能混用，但它们仍然遵循相同的功能和UX规范。

一些常用集成实例：

• Angular + ngrx + nx
• ClojureScript + re-frame
• React / MobX
• Go + Gin
• NestJS + TypeORM/Prisma

你可以在仓库中找到无穷无尽的示例。尽情去寻找吧！

点击跳转到仓库

You Don't Know JS Yet

这是一系列深入研究 JavaScript

Node.js 모범 사례

🎜🎜이것 라이브러리는 노드 세계와 연결을 유지하고 이를 사용할 때 모범 사례를 배울 수 있는 좋은 장소입니다. 40,000 별점과 133명의 기여자가 있는 이 라이브러리는 거의 매일 업데이트됩니다. 🎜🎜이 라이브러리는 Node.js + Docker 모범 사례를 포함하여 상위 Node.js의 모범 사례를 요약하고 구성합니다. 현재 80개 이상의 모범 사례, 스타일 가이드, 구조적 권장 사항 등이 있습니다. 🎜

몇 가지 일반적인 모범 사례는 다음과 같습니다:

• 더 나은 프로젝트 구성
• 오류 처리 사례
• 코딩 스타일 사례
• 테스트 및 전반적인 품질 관행
• 생산 관행 등 수행

🎜클릭하여 창고로 이동하세요.🎜

HTML5 상용구

🎜🎜🎜🎜🎜HTML5 보일러플레이트는 빠르고 강력하며 적응성이 뛰어난 웹 애플리케이션 프로그램 또는 웹사이트를 구축하기 위한 전문적인 프런트 엔드 템플릿입니다. 🎜🎜이 프로젝트는 수년간의 반복적인 개발과 커뮤니티 지식의 산물입니다. 특정 개발 철학이나 프레임워크를 강요하지 않으므로 원하는 방식으로 코드를 자유롭게 작성할 수 있습니다. 🎜

다음과 같은 사전 정의된 기능이 포함됩니다:

• Normalize.css
• CDN이 포함된 jQuery
• Apache 서버 구성
유용함 CSS 헬퍼 클래스
• 기본 스타일, 성능 최적화 등

🎜사용하려는 콘텐츠와 사용 방법에 따라 필수 파일을 프로젝트 디렉터리에 복사하여 붙여넣기만 하면 됩니다. 이렇게 하면 구성된 템플릿이 제공되어 개발 속도가 빨라집니다. 🎜🎜클릭하여 창고로 이동하세요🎜

RealWorld

🎜🎜🎜🎜🎜새로운 프레임워크의 핵심 개념과 이데올로기를 익히는 것은 아닙니다. 똑같은 답답한 일. 🎜🎜개념을 제대로 이해하지 못하면 설명서를 읽고, 샘플 코드를 실행하고, 샘플 애플리케이션을 분해하고 다시 조립하고, CLI를 로컬에 설치하는 등의 작업이 필요합니다. 경험이 너무 많아 답답합니다. 🎜🎜RealWorld를 사용하면 프런트엔드(React, Angular2 등)와 백엔드(노드)를 선택할 수 있습니다. , Django 등)을 함께 통합하여 실제 애플리케이션 예를 확인하세요. 🎜🎜이러한 구현은 기술 스택과 관련되어 있기 때문에 혼합할 수는 없지만 여전히 동일한 기능 및 UX 사양을 따릅니다. 🎜

몇 가지 일반적인 통합 예:

• Angular + ngrx + nx
• ClojureScript + 리프레임
• React / MobX
• Go + Gin
• NestJS + TypeORM/Prisma

🎜저장소에서 수많은 예제를 찾을 수 있습니다. 가서 찾아보세요! 🎜🎜클릭하여 창고로 이동하세요🎜

아직 JS를 모르세요

🎜🎜🎜🎜🎜이것은 심층 시리즈입니다. 연구 JavaScript 언어의 핵심 메커니즘에 관한 책입니다. 🎜🎜모든 책은 무료이며 언제든지 온라인으로 읽을 수 있습니다. 🎜

저자는 읽기 순서를 다음과 같이 권장합니다:

• 시작하기
• Scope & Closures
• Objects & Classes (아직 시작되지 않음)
• Types & Grammar (아직 시작되지 않음)
• Sync & Async (아직 시작되지 않음)
• ES.Next & Beyond(아직 시작되지 않음)

클릭하여창고로 이동

Airbnb 자바스크립트 가이드

이 정보는 Airbnb에서 제공하는 매우 정확하고 전문적입니다. 코드> 스타일 가이드. <code>Airbnb 提供的非常精确和专业的风格指南。

本指南将通过深入基础知识和代码片段来帮助你由深入浅地理解 JavaScript。

本指南涉及的一些热门内容如下：

• 箭头函数
• 变量提升
• 解构
• 注释
• 性能
• 测试

点击跳转到仓库

Storybook

Storybook 是 UI 组件的开发环境，它允许你浏览组件库，查看每个组件的不同状态，以及交互地开发和测试组件。

Storybook 在 app 之外运行，这允许你独立开发 UI 组件，提高组件的重用性、测试性和开发速度。你可以快速构建，而不必担心应用程序特定的依赖关系。

它附带了一个 CLI 和一些代码示例，供你熟悉 Storybook.

点击跳转到仓库

Front-End-Checklist

Front-End-Checklist 是一个详尽的列表，列出了在网站或者 HTML 页面投入使用前所需要具备或者测试的所有元素。

它是一个基于前端 Web 开发的仓库，更关注性能、安全性和 SEO 等。

Front-End-Checklist 中的所有项目对于大多数工程都是必须的，但其中有些元素可以省略。

包括：

• 文档或者文章
• 在线工具/测试工具
• 媒体或者视频内容

点击跳转到仓库

灵感和资源

这篇文章的令该来源于 Tech Sapien 和他所有令人惊叹的工作。库中的图片?? 也是取自同一处。

总结

上面提到的所有的库并不是唯一可用的资源，除此之外我敢肯定还有大量的令人惊叹的项目。这些是其中一些我觉得很有用的资源，同时我自己也经常沉浸其中。

不要忘了给这些库点 Star

이 가이드는 기본 사항과 코드 조각을 자세히 살펴봄으로써 JavaScript를 처음부터 이해하는 데 도움이 될 것입니다. 이 안내서에서 다루는 인기있는 것들 중 일부는 다음과 같습니다. airbnb/ javascript" rel="nofollow noreferrer" target="_blank">클릭하여

창고로 이동하세요

Storybook

Storybook은 UI 구성 요소를 위한 개발 환경입니다. 이를 통해 구성 요소 라이브러리를 탐색하고 다양한 내용을 볼 수 있습니다. 각 구성 요소의 상태, 구성 요소를 대화형으로 개발 및 테스트합니다. Storybook은 app 외부에서 실행되므로 UI 구성 요소를 독립적으로 개발할 수 있어 구성 요소 재사용성, 테스트 가능성 및 개발 속도가 향상됩니다. 애플리케이션별 종속성에 대해 걱정할 필요 없이 빠르게 구축할 수 있습니다.

Storybook에 익숙해질 수 있도록 CLI와 몇 가지 코드 예제가 함께 제공됩니다.클릭하여

창고

로 이동하세요

Front-End-Checklist

🎜🎜Front-End-Checklist는 웹사이트 또는 HTML 페이지 전에 수행해야 할 작업의 전체 목록입니다. 존재하거나 테스트되어야 하는 모든 요소가 사용됩니다. 🎜🎜프론트엔드 웹을 기반으로 개발된 웨어하우스로 성능, 보안, SEO에 더욱 신경썼습니다. 🎜🎜Front-End-Checklist의 모든 항목은 대부분의 프로젝트에 필수이지만 일부 요소는 생략될 수 있습니다. 🎜🎜포함 사항: 🎜🎜🎜문서 또는 기사 🎜🎜온라인 도구/테스트 도구 🎜🎜미디어 또는 비디오 콘텐츠🎜🎜🎜클릭하여 창고🎜로 이동🎜

영감과 리소스🎜🎜이 기사의 출처는 Tech Sapien🎜과 그의 모든 놀라운 작업. 도서관에 있는 사진도 같은 장소에서 찍은 것입니다. 🎜

요약🎜🎜위에 언급된 모든 라이브러리가 사용 가능한 유일한 리소스는 아니며, 거기에는 수많은 놀라운 프로젝트가 있다고 확신합니다. 이것들은 제가 유용하다고 생각하고 종종 나 자신에게 몰두하는 자료 중 일부입니다. 🎜🎜이 라이브러리에 별표를 표시하는 것을 잊지 마세요. 우리를 위해 유용한 리소스를 만들어 주신 모든 훌륭한 기여자에게 감사드립니다. 🎜🎜🎜🎜번역에 문제가 있는 경우 수정해 주시면 도움이 되기를 바랍니다. 🎜🎜🎜🎜튜토리얼 추천: "🎜Git Tutorial🎜"🎜

위 내용은 프런트엔드 개발자가 수집할 가치가 있는 일부 GitHub 라이브러리를 공유하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!