bookmarks
codever
Our great sponsors
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bookmarks
-
Improve Your Dev Productivity with Bookmarks, Snippets and Notes Management
Codever offers all this and more, plus it's free and open source at github.com/CodeverDotDev
-
How to configure and use environment specific values in Angular
//environment.ts export const environment = { production: false, HOST: 'http://localhost:4200', API_URL: 'http://localhost:3000/api', }; //environment.prod.ts export const environment = { production: true, HOST: 'https://www.codever.land', API_URL: 'https://www.codever.land/api', };
-
Increase productivity by visually differentiating between environments
As mentioned How I manage my dev bookmarks to save time and nerves I use heavily Codever to manage my bookmarks and code snippets, so there is always a browser tab open with the website. Lately I've also been developing quite a bunch of new features on the project. Lots of testing happens in the browser, and until now there was no quick way to differentiate between the production and development version, unless I look at the URL in the browser's navigation bar of course.
-
How to copy to clipboard with angular material
See it in action at www.codever.land:
-
How to define and use variables in sass
Use the $ sign to define the variable $variable_name: variable_value. Below we define anthracite-gray colour in the _colors.scss file used in the Codever project. Then we reference the variable in the class definition:
-
How to set focus on angular material autcomplete input field
Project Codever
-
How to sanitize your urls in angular
On Codever you can backup your bookmarks and snippets. When backing up you are presented a dialog where you can choose to display the items in browser. For that we use a blob URL we know for sure it is safe.
-
Angular material dialog example
The following example shows the elements required to implement an angular material dialog to ask the user to log in on Codever, when this is needed (like following tags).
-
GraphQL - where do I start?
Bonus - GraphQL Public Bookmarks
codever
-
Increase productivity by visually differentiating between environments
As mentioned How I manage my dev bookmarks to save time and nerves I use heavily Codever to manage my bookmarks and code snippets, so there is always a browser tab open with the website. Lately I've also been developing quite a bunch of new features on the project. Lots of testing happens in the browser, and until now there was no quick way to differentiate between the production and development version, unless I look at the URL in the browser's navigation bar of course.
- How to center align a table on page and elements inside the table
-
Angular material dialog example
Project: codever
-
How to store result from async pipe in angular
Project: codever - File: snippet-details.component.html
-
How to access path parameters in angular router
At Codever we use Angular extensively, and many time the use navigates to certain routes where dynamically content based on an id for example is loaded. To access these path params in angular navigation you have two possibilities.
-
How to set query parameters in angular rest call
In Codever we use extensively the Angular Http Client to make REST calls against a NodeJs/ExpressJS API - source code on Github.
-
How to create a MongoDB full text index
When you are searching your code snippets on Codever, depending on the search terms you use, relevant results are displayed. Behind this there is a MongoDb full text search index. Let's see how it is created and used.
-
Codever snippets VSCode Extension
I've been using Visual Studio Code for some projects lately, so I made it easy now to save and search code snippets on Codever directly from Visual Studio Code via the Codever Snippets VSCode Extension.
-
How to use browser history to pass data in Angular navigation
Project: bookmarks.dev - File: snippet-form.base.component.ts
-
Real life angular inheritance example
If you have found this useful, please show some love and give us a star on Github
What are some alternatives?
awesome-web-scraping - List of libraries, tools and APIs for web scraping and data processing.
youtube-playlist-length - Web app to calculate the duration of a YouTube playlist. Uses the YouTube data API v3
hello-open-source - Your milestone to say Hello to the world of Open Source !
magic - An AI-based Low-Code and No-Code software development automation framework
eurorack-awesome - awesome eurorack diy and opensource
zoonavigator - Web-based ZooKeeper UI / editor / browser
awesome-naming - A curated list for when naming things is done right.
keycloakify - 🔏 Create Keycloak themes using React
awesome-programming-books - List of good programming books for beginners and professionals
chat-gpt - ChatGPT conversation saving bookmark
software-engineer-library - Software Engineer Library (EN/RU)
express-openapi-validator - 🦋 Auto-validates api requests, responses, and securities using ExpressJS and an OpenAPI 3.x specification