frontend-engineering-playbook

KO | EN

gitlite — search

#javascript #ai #typescript #golang #android #deep-learning #linux #macos #windows #cli #vue #pytorch #mcp #openai

frontend-engineering-playbook

(★ 12)

A Playbook on Frontend engineering describing the best strategies and solutions for various day to day implementations and common problems.

frontend-engineering-playbook 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### 🔥Frontend Engineering Playbook

[![GitHub last commit](https://img.shields.io/github/last-commit/anoop-gupt/frontend-engineering-playbook?style=flat-square)](https://github.com/anoop-gupt/frontend-engineering-playbook/commits/master)
[![first-timers-only](https://img.shields.io/badge/first--timers--only-friendly-blue.svg?style=flat-square)](https://www.firsttimersonly.com/)
![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/anoop-gupt/frontend-engineering-playbook?style=flat-square)

[![All Contributors](https://img.shields.io/badge/all_contributors-5-orange.svg?style=flat-square)](https://raw.githubusercontent.com/anoop-gupt/frontend-engineering-playbook/master/)
[![Code of conduct](https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square)](https://github.com/anoop-gupt/frontend-engineering-playbook/blob/master/CODE-OF-CONDUCT.md)
![GitHub](https://img.shields.io/github/license/anoop-gupt/frontend-engineering-playbook?color=blue&style=flat-square)
![Work in Progress](https://img.shields.io/badge/Status-Work%20in%20progress-orange?style=flat-square)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/anoop-gupt/frontend-engineering-playbook/pulls)

This is the source repository for Frontend Engineering Playbook by Frontend community contributors. This book will list down all the best strategies being used in Frontend for example Image Handling or Semantic HTML etc.
Content is welcomed from various online resources but credit and copyright information should be there and referenced.
P.S. It is open sourced and ready for contribution for Hactoberfest as a valid project.

[LeanPub Link](https://leanpub.com/frontend-engineering-playbook)

<br/>

<div align="center"> 
  <h2>Contributions welcome</h2>
   <img src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat" /> 
  <img src="https://img.shields.io/badge/Last%20Updated-25%20Sep%202022-red" />
</div>

<br/>

### Dependencies
Please note that for now, producing a better book is the primary goal. All other things being equal, an easier to build book is better than a harder to build book, but, for example, a better illustration that relies on a new tool is better than a worse illustration.

### Built and maintained by our [Steering Committe](#sterring-committe), [Maintainers](#maintainers) and [Collaborators](#collaborators)

## Table of Contents
- [01 Getting Started](sections/01-getting-started)
- [02 FE Architecture Principles](/sections/02-fe-architecture-principles)
- [03 Writing semantic HTML](sections/03-writing-semantic-html)
- [04 Cost of styling](sections/04-cost-of-scripts)
- [05 Cost of scripts](sections/05-cost-of-styling)
- [06 Reliable renderings](sections/06-reliable-renderings)
  - CSR
  - SSR
  - Hybrid
- [07 Making it fast](sections/07-making-it-fast)
  - Loading Techniques
  - Image Optimization 
  - Scripts
  - Compressions
- [08 Where to store](sections/08-where-to-store)
  - Cookies
  - Storage
  - Handling Secrets
- [09 Catch errors early](sections/09-catch-errors-early/linters.md) 
  - JavaScript Linters
  - CSS Linters
- [10 Making things accessible](sections/10-making-things-accessible)
- [11 Making things secure](sections/11-making-things-secure)
  - Common Attack Vectors
  - XSS
  - CSRF
  - Click Jacking
  - Add Ons and Browser related exploits
  - Social Engineering
  - Session & Cookie jacking
  - RegEx related exploits
- [12 Frontend Dashboard ](sections/dashboard)
- [13 Caching strategies](sections/12-caching-strategies)
- [14 Making things searchable](sections/13-making-it-searchable)
- [15 Packers and Bundlers](sections/13-making-it-searchable)
- [16 Libraries you can use](sections/15-libraries-you-can-use)
- [17 NPM Modules you can use](sections/16-modules-you-can-use)
- [18 Continuous Integration](sections/18-ci)
- [19 Release It](sections/19-release)
- [20 Tools and Technologies](sections/20-tools-technologies)
- [21 Credit and References](sections/21-credits)
- [22 Contributors](sections/18-contributors)

<br/><br/><br/>
## Steering Committe
Waiting for sterring committe members for the guidance and right direction.

## Maintainers
Thanks to all maintainers!🙏
<table>
<tr>
    <td align="center"><a href="https://github.com/anoop-gupt"><img src="https://avatars2.githubusercontent.com/u/1118525?s=460&v=4" width="100px;" alt="Anoop Gupta"/><br /><sub><b>Anoop Gupta</b></sub></a>
  </td>
  
  </tr>
  </table>

## Collaborators

Thank you to all our collaborators! 🙏

Our collaborators are members who are contributing to the repository on a reguar basis, through suggesting the chapters and content for the book, triaging issues, reviewing pull requests and more. If you are interested in helping us publish this engineering book, please read our [contributor guidelines](CONTRIBUTING.md) 🎉

<table>
<tr>
    <td align="center"><a href="https://github.com/gsaini"><img src="https://avatars3.githubusercontent.com/u/1699577?s=460&v=4" width="100px;" alt="Gopal Saini"/><br /><sub><b>Gopal Saini</b></sub></a>
  </td>
   <td align="center"><a href="https://github.com/ssriv48"><img src="https://avatars3.githubusercontent.com/u/11516981?s=460&v=4" width="100px;" alt="Gopal Saini"/><br /><sub><b>Sudhanshu Srivastava</b></sub></a>
  </td>
  
  </tr>
  </table>

<br/>

## Thank You Notes

We appreciate any contribution, from a single word fix to a new chapter.

### Stars

A successfull PR gives you a ⭐, be the first to collect it.

### Notes for Repository Maintainers

Contributors should be recognised as soon as the contribution is discovered to help ensure their efforts are not overlooked when the list gets updated at a later date. This can be difficult for contributions that are not the result of a commit to the repository but do your best to minimise the time between the contribution and updating the list.

Pro tip: If your project is configured for the @all-contributors bot 🤖 simply write a comment on an issue or pull request to recognise their contribution. For example:

@all-contributors please add @tbenning for design ✨

Being the owner or a maintainer of the repository does not mean you are solely responsible for keeping the list of contributors up to date. You should encourage contributors to add themselves to the list as much as possible. This can be in the form of a comment on the issue, blog or answer, or through more direct forms of communication where appropriate.

Many contributors may not realise that their efforts are sufficient for recognition in the contributors list. This might be because they have not read or understood the definition of a contributor as set out in this specification, or because they do not feel like it is significant enough. In these cases, you should still encourage them to add themselves, but it may be necessary for you to add the contributor yourself (though it's a good idea to do so in the form of a pull request to make sure they're ok with being added).

In the end, there are no hard and fast rules for when a contribution has to be added to the list, just do your best to be fair and to ensure all contributors are recognised.

frontend-engineering-playbook

frontend-engineering-playbook 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

frontend-engineering-playbook

frontend-engineering-playbook 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README