Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/corocoto/useful-links

:octocat: List of links to help you learn, develop and build applications
https://github.com/corocoto/useful-links

coding design development education learning useful-links web-development

Last synced: 4 months ago
JSON representation

:octocat: List of links to help you learn, develop and build applications

Awesome Lists containing this project

README 

          
# List of links to help you learn, develop and build applications



![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)



## Web Deveopment



### Git

* [Getting Started - First-Time Git Setup](https://git-scm.com/book/en/v2/Getting-Started-First-Time-Git-Setup) - article where describes starter settings for git step by step.



### CSS

* [Animista](https://animista.net/) - place where you can play with a collection of ready to use CSS animations, tweak them and download it;

* [Everything You Need to Know About !important CSS Declarations](https://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/#post-475:~:text=Drawbacks,-to) - article about `!important` keyword.



### JavaScript

* [JavaScript.info](https://javascript.info/) - online book about JavaScript and related technologies;

* [Learn RegEx The Easy Way](https://github.com/ziishaned/learn-regex/blob/master/README.md) - article for learning RegExp;

* [JavaScript Event KeyCodes](https://keycode.info/) - display info about pressed key;



* #### PWA

  * [App Manifest Generator](https://app-manifest.firebaseapp.com/) - manifest generator for your Progressive Web Application;



* ### React

  * [Customizing create-react-app: How to Make Your Own Template](https://auth0.com/blog/how-to-configure-create-react-app/)



* ### Redux

  * [Official documentation](https://redux.js.org/)

  * [Async Actions](https://redux.js.org/advanced/async-actions)

  * [Immutable Update Patterns](https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns/)

  * [Middleware](https://redux.js.org/advanced/middleware/)



* ### Redux-Saga

  * [Official documentation](https://redux-saga.js.org/)



* ### Testing

  * [Jest official documentation](https://jestjs.io)

  * [Enzyme official documentation](https://enzymejs.github.io/enzyme/)



### HTTP

 * [HTTP response status codes](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status) - detailed information about response status codes;

 * HTTP Caching:

   * [Prevent unnecessary network requests with the HTTP Cache](https://web.dev/http-cache/#invalidating_and_updating_cached_responses) - article about HTTP caching by using `Cache-Control`, `ETag` and `Last-Modified` headers;

   * [Configuring HTTP caching behavior](https://web.dev/codelab-http-cache/) - article and test environment, where you can practice and learn how configure your project for HTTP caching.



### Firebase

* [Firebase Auth REST API](https://firebase.google.com/docs/reference/rest/auth/)



### Benchmarking

* [JSBEN.CH](https://jsben.ch/) - online JavaScript benchmark tool / playground;



### Web technology guides

* [devhints.io](https://devhints.io/) - collection of web development cheatsheets;

* [W3Schools](https://www.w3schools.com/) - educational site that helps you to learn something new about web development, or improve and refresh this knowledge;

* [Wisdomweb.ru](http://www.wisdomweb.ru/) - educational site about web development on russian language;



### Browsers support

* [Can I use...](https://caniuse.com/) - displays browsers table with information about support selected technology;



### Github

* [AllGithubEmojis](https://jzeferino.github.io/AllGithubEmojis/) - gallery with Github emojis and it naming.



### Website/Web app testing

* [Am I Responsive?](http://ami.responsivedesign.is/) - website that displays you how yourwebsite/web app look on many devices.



### DevTools



* [Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)](https://www.smashingmagazine.com/2021/02/useful-chrome-firefox-devtools-tips-shortcuts/) - article about many various devtools features.



### Others

* [Shields.io](https://shields.io/) - generates informational badges for GitHub, Travis CI, Jenkins, WordPress and many more services;

* [CodeMyUI](https://codemyui.com/) - handpicked collection of Web Design & UI Inspiration with code snippets;

* [ascii.today](https://ascii.today/) - beautiful ASCII titles generator;

* [browsersl.ist](https://browsersl.ist/) - a page to display compatible browsers from a browserslist string;



## Design



### Image & Logo

* [removebg](https://www.remove.bg) - remove background from loaded image;

* [ICONFINDER](https://www.iconfinder.com/) - market place for vector icons in SVG, PNG, CSH and AI format;

* [icons8](https://icons8.com/) - gallery where you can to download design stuff for free (such as icons, photos, UX illustrations, and music for your videos);

* [favicon.io](https://favicon.io/) - favicon generator;

* [uxwing](https://uxwing.com/) - gallery where you can to download svg icons;

* [svgrepo](https://www.svgrepo.com/) - gallery where you can to download svg icons;

* [iconscout](https://iconscout.com/) - gallery where you can to download icons, illustrations and stock photos; 



### Video

* [Pexels](https://www.pexels.com/videos/) - free stock videos;



### Palette

* [ColorDesigner](https://colordesigner.io/) - simple color palette generator;

* [Coolors](https://coolors.co/) - another palette generator;



## Blogs and Journals

* [Habr](https://habr.com/) - journal where you can read articles on any themes (but most of them about techologies, design, programming and etc.);

* [Medium](https://medium.com/) - journal where you can read articles on any themes (not only about techologies, design, programming and etc.);

* [CSS-LIVE](https://css-live.ru/) - site where you can read articles about Frontend subject matter;

* [aligator.io](https://alligator.io/) - site where you can read articles about web development;

* [Web Dev Resources](https://webdevresources.info/) - blog that collect many useful links for web dev and design;

* [81 of the Best Places to Learn to Code For Free](https://learntocodewith.me/posts/code-for-free/) - blog where describes many patformsm courses and etc. for learning and upgrading your programming skills;

* [Pony Foo](https://ponyfoo.com/) - journal about EcmaScript ecosystem and everything connected with it;



## Licenses

* [TLDRLegal](https://tldrlegal.com/) - short, but clear information about each license;



## Platforms for learning and upgrade progamming skills

* [HTML Academy](https://htmlacademy.ru/) - interactive online courses about web dev and everything connected with it;

* [Codecademy](https://www.codecademy.com/) - interactive platform for learning programming;

* [freeCodeCamp](https://www.freecodecamp.org/) - another pretty nice platform for upgrading your skills or learning something new in programming;

* [Pluralsight](https://www.pluralsight.com/) - the technology skills platform that collect many online courses about development;