Open Graph Protocol π
The Open Graph protocol enables any web page to become a rich object in a social graph. π
For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
Also, Telegram uses this protocol to preview web pages like a rich object in messages and you can update your links preview using : @WebPageBot β
To turn your web pages into graph objects, you need to add basic metadata to your page βπ» :
πΉπΈπΉπΈ
As an example, the following is the Open Graph protocol markup for The Rock on IMDB π₯ :
https://t.me/pgimg/41
[ Website ] : http://ogp.me/
γ°γ°γ°γ°γ°γ°
#OpenGraph #Protocol
@ProgrammingTip
The Open Graph protocol enables any web page to become a rich object in a social graph. π
For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
Also, Telegram uses this protocol to preview web pages like a rich object in messages and you can update your links preview using : @WebPageBot β
To turn your web pages into graph objects, you need to add basic metadata to your page βπ» :
og:title
og:type
og:image
og:url
πΉπΈπΉπΈ
As an example, the following is the Open Graph protocol markup for The Rock on IMDB π₯ :
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
</head>
https://t.me/pgimg/41
[ Website ] : http://ogp.me/
γ°γ°γ°γ°γ°γ°
#OpenGraph #Protocol
@ProgrammingTip
Telegram
Programming Tips Resources
Free SSL Certificates On IIS With LetsEncrypt βοΈ
LetsEncrypt is operated by the Internet Security Research Group (ISRG), and is a Linux Foundation Collaborative Project, which is also responsible for the Linux operating system and Nodejs among other projects. π
LetsEncrypt is supported by a range of organisations including Mozilla, Chrome, Akamai and Facebook. π€π»
The certificates that LetsEncrypt issues are recognised by all major browsers, which results in the familiar padlock symbol being displayed on properly secured sites. π
This tutorial shows how to use LetsEncrypt with IIS. π
https://t.me/pgimg/42
[ Tutorial ] : http://bit.do/lenc
γ°γ°γ°γ°γ°γ°
#LetsEncrypt #SSL
@ProgrammingTip
LetsEncrypt is operated by the Internet Security Research Group (ISRG), and is a Linux Foundation Collaborative Project, which is also responsible for the Linux operating system and Nodejs among other projects. π
LetsEncrypt is supported by a range of organisations including Mozilla, Chrome, Akamai and Facebook. π€π»
The certificates that LetsEncrypt issues are recognised by all major browsers, which results in the familiar padlock symbol being displayed on properly secured sites. π
This tutorial shows how to use LetsEncrypt with IIS. π
https://t.me/pgimg/42
[ Tutorial ] : http://bit.do/lenc
γ°γ°γ°γ°γ°γ°
#LetsEncrypt #SSL
@ProgrammingTip
Telegram
Programming Tips Resources
Visual Studio Shortcut Keys π¨
Here is a handy reference that can make your .NET lifestyle a bit easier and more productive. π₯π
[ Website ] : http://bit.do/vsht
γ°γ°γ°γ°γ°γ°
#VS #Shortcut
@ProgrammingTip
Here is a handy reference that can make your .NET lifestyle a bit easier and more productive. π₯π
[ Website ] : http://bit.do/vsht
γ°γ°γ°γ°γ°γ°
#VS #Shortcut
@ProgrammingTip
UnCSS β¨
UnCSS is a tool that removes unused CSS from your stylesheets. β
It works across multiple files and supports Javascript-injected CSS. π
Howβπ€
1οΈβ£ The HTML files are loaded by jsdom and JavaScript is executed.
2οΈβ£ All the stylesheets are parsed by PostCSS.
3οΈβ£ document.querySelector filters out selectors that are not found in the HTML files.
4οΈβ£ The remaining rules are converted back to CSS.
https://t.me/pgimg/43
[ Website ] : https://uncss-online.com/
[ Github ] : https://github.com/giakki/uncss
γ°γ°γ°γ°γ°γ°
#FrontEnd #Css #Tools
@ProgrammingTip
UnCSS is a tool that removes unused CSS from your stylesheets. β
It works across multiple files and supports Javascript-injected CSS. π
Howβπ€
1οΈβ£ The HTML files are loaded by jsdom and JavaScript is executed.
2οΈβ£ All the stylesheets are parsed by PostCSS.
3οΈβ£ document.querySelector filters out selectors that are not found in the HTML files.
4οΈβ£ The remaining rules are converted back to CSS.
https://t.me/pgimg/43
[ Website ] : https://uncss-online.com/
[ Github ] : https://github.com/giakki/uncss
γ°γ°γ°γ°γ°γ°
#FrontEnd #Css #Tools
@ProgrammingTip
Telegram
Programming Tips Resources
SnippetsLab π¬
SnippetsLab makes it simple to manage all of your valuable code snippets in one place with nested folders, tags, and Smart Groups support. π
You can sort your snippets by date, title, and more. π
Features π :
β’ Notes and Fragment
β’ Syntax Highlighting
β’ Gist Integration
β’ Sync & Backup
Available for MacOS π»
https://t.me/pgimg/44
[ Website ] : https://www.renfei.org/snippets-lab
[ AppStore ] : http://bit.do/snplab
γ°γ°γ°γ°γ°γ°
#Tools #MacOS #Snippets
@ProgrammingTip
SnippetsLab makes it simple to manage all of your valuable code snippets in one place with nested folders, tags, and Smart Groups support. π
You can sort your snippets by date, title, and more. π
Features π :
β’ Notes and Fragment
β’ Syntax Highlighting
β’ Gist Integration
β’ Sync & Backup
Available for MacOS π»
https://t.me/pgimg/44
[ Website ] : https://www.renfei.org/snippets-lab
[ AppStore ] : http://bit.do/snplab
γ°γ°γ°γ°γ°γ°
#Tools #MacOS #Snippets
@ProgrammingTip
Telegram
Programming Tips Resources
Server.MapPath Equivalent in ASP.NET Core ππ»ββοΈ
Web Developers who use Microsoft technologies have always relied on the Server.MapPath method to resolve file paths.
In classic ASP and ASP.NET Web Forms and MVC versions up to and including 5. π
This method has not been included in ASP.NET Core, so what do you use insteadβ
[ Webiste ] : http://bit.do/svpath
https://t.me/pgimg/45
γ°γ°γ°γ°γ°γ°
#AspMvc #Core #IO
@ProgrammingTip
Web Developers who use Microsoft technologies have always relied on the Server.MapPath method to resolve file paths.
In classic ASP and ASP.NET Web Forms and MVC versions up to and including 5. π
This method has not been included in ASP.NET Core, so what do you use insteadβ
[ Webiste ] : http://bit.do/svpath
https://t.me/pgimg/45
γ°γ°γ°γ°γ°γ°
#AspMvc #Core #IO
@ProgrammingTip
Telegram
Programming Tips Resources
Proto.io - Prototypes that feel real π
Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. π
#FrontEnd
@ProgrammingTip
Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. π
#FrontEnd
@ProgrammingTip
From STUPID to SOLID Code β
In the following, We will introduce both STUPID and SOLID principles. β¨
Keep in mind that these are principles, not laws. β
However, considering them as laws would be good for those who want to improve themselves. π
[ Article ] : http://bit.do/soltup
https://t.me/pgimg/46
γ°γ°γ°γ°γ°γ°
#SOLID #Principle
@ProgrammingTip
In the following, We will introduce both STUPID and SOLID principles. β¨
Keep in mind that these are principles, not laws. β
However, considering them as laws would be good for those who want to improve themselves. π
[ Article ] : http://bit.do/soltup
https://t.me/pgimg/46
γ°γ°γ°γ°γ°γ°
#SOLID #Principle
@ProgrammingTip
Telegram
Programming Tips Resources
ASafaWeb π
The purpose of ASafaWeb is to make scanning for common configuration vulnerabilities in live ASP.NET websites dead easy. β οΈ
To that effect, you don't need anything more than a URL to get started and ASafaWeb will head off and report on anything it can find which is remotely detectable. π
https://t.me/pgimg/47
[ Website ] : https://asafaweb.com/
γ°γ°γ°γ°γ°γ°
#AspMvc #Security
@ProgrammingTip
The purpose of ASafaWeb is to make scanning for common configuration vulnerabilities in live ASP.NET websites dead easy. β οΈ
To that effect, you don't need anything more than a URL to get started and ASafaWeb will head off and report on anything it can find which is remotely detectable. π
https://t.me/pgimg/47
[ Website ] : https://asafaweb.com/
γ°γ°γ°γ°γ°γ°
#AspMvc #Security
@ProgrammingTip
Telegram
Programming Tips Resources
Builderx β¨
A design tool which writes React Native code for you. π
Features π:
β’ Design & code seamlessly
β’ Copy from BuilderX and paste in your Editor
β’ Create re-usable components
β’ Live reload
https://t.me/pgimg/48
[ Website ] : builderx.io
γ°γ°γ°γ°γ°γ°
#Tools #React #IDE
@ProgrammingTip
A design tool which writes React Native code for you. π
Features π:
β’ Design & code seamlessly
β’ Copy from BuilderX and paste in your Editor
β’ Create re-usable components
β’ Live reload
https://t.me/pgimg/48
[ Website ] : builderx.io
γ°γ°γ°γ°γ°γ°
#Tools #React #IDE
@ProgrammingTip
Telegram
Programming Tips Resources
Human Resource Machine π€
Human Resource Machine is a visual programming-based puzzle video game developed by Tomorrow Corporation. πΎ
Your office is a simple computer. π₯
You have an inbox and an outbox, and a few slots on the floor to store stuff for later (memory). π
Your little office worker can hold exactly one box in his or her hands at a time (like an accumulator). ππ»
Boxes (data) display letters or numbers. π
In each level, your boss gives you a task, like :
Automate it by programming your little office worker with simple drag n' drop commands. π
https://t.me/pgimg/49
[ Windows ] : https://t.me/pgimg/50
[ Android ] : https://t.me/pgimg/51
[ IOS ] : http://bit.do/hrmi
γ°γ°γ°γ°γ°γ°
#Fun #Game
@ProgrammingTip
Human Resource Machine is a visual programming-based puzzle video game developed by Tomorrow Corporation. πΎ
Your office is a simple computer. π₯
You have an inbox and an outbox, and a few slots on the floor to store stuff for later (memory). π
Your little office worker can hold exactly one box in his or her hands at a time (like an accumulator). ππ»
Boxes (data) display letters or numbers. π
In each level, your boss gives you a task, like :
"Take everything from the INBOX, and put it in the OUTBOX!"
Automate it by programming your little office worker with simple drag n' drop commands. π
https://t.me/pgimg/49
[ Windows ] : https://t.me/pgimg/50
[ Android ] : https://t.me/pgimg/51
[ IOS ] : http://bit.do/hrmi
γ°γ°γ°γ°γ°γ°
#Fun #Game
@ProgrammingTip
Telegram
Programming Tips Resources
Angular 5 Now Available π
°οΈ
This is a major release containing new features and bugfixes.
This release continues our focus on making Angular smaller, faster, and easier to use.
πΉπΈπΉπΈ
Biggest Changes π :
β’ Build Optimizer
β’ Angular Universal State Transfer API and DOM Support
β’ Compiler Improvements
β’ Internationalized Number, Date, and Currency Pipes
β’ Zone speed improvements
β’ exportAs
β’ HttpClient
β’ CLI v1.5
β’ Angular Forms adds updateOn Blur / Submit
β’ RxJS 5.5
β’ New Router Lifecycle Events
πΉπΈπΉπΈ
https://t.me/pgimg/52
[ Update Guide ] : http://bit.do/guid5
[ Article ] : http://bit.do/ang5
γ°γ°γ°γ°γ°γ°
#Angular
@ProgrammingTip
This is a major release containing new features and bugfixes.
This release continues our focus on making Angular smaller, faster, and easier to use.
πΉπΈπΉπΈ
Biggest Changes π :
β’ Build Optimizer
β’ Angular Universal State Transfer API and DOM Support
β’ Compiler Improvements
β’ Internationalized Number, Date, and Currency Pipes
β’ Zone speed improvements
β’ exportAs
β’ HttpClient
β’ CLI v1.5
β’ Angular Forms adds updateOn Blur / Submit
β’ RxJS 5.5
β’ New Router Lifecycle Events
πΉπΈπΉπΈ
https://t.me/pgimg/52
[ Update Guide ] : http://bit.do/guid5
[ Article ] : http://bit.do/ang5
γ°γ°γ°γ°γ°γ°
#Angular
@ProgrammingTip
Telegram
Programming Tips Resources
All Keys Generator π
The all-in-one ultimate online toolbox that generates all kind of keys βοΈ
Keys that it produces β¨ :
β’ GUID
β’ Uppercase
β’ Braces {}
β’ Brackets []
β’ Hypens -
β’ MachineKey
β’ ASP.NET 1.1
β’ ASP.NET 2.0
β’ ASP.NET 4.0
β’ ASP.NET 4.5
β’ WPA Key
β’ 64-bit
β’ 160-bit
β’ 504-bit
β’ WEP Key
β’ 64-bit
β’ 128-bit
β’ 256-bit
β’ Encryption Key
β’ 64-bit
β’ 128-bit
β’ 256-bit
β’ 512-bit
β’ 1024-bit
β’ 2048-bit
β’ 4096-bit
β’ Password
β’ Lower letters
β’ Upper letters
β’ Numbers
β’ Special Characters
β’ Length
Every coder needs All Keys Generator in its favorites ! π
[ Website ] : allkeysgenerator.com
https://t.me/pgimg/53
γ°γ°γ°γ°γ°γ°
#Encryption #Generator
@ProgrammingTip
The all-in-one ultimate online toolbox that generates all kind of keys βοΈ
Keys that it produces β¨ :
β’ GUID
β’ Uppercase
β’ Braces {}
β’ Brackets []
β’ Hypens -
β’ MachineKey
β’ ASP.NET 1.1
β’ ASP.NET 2.0
β’ ASP.NET 4.0
β’ ASP.NET 4.5
β’ WPA Key
β’ 64-bit
β’ 160-bit
β’ 504-bit
β’ WEP Key
β’ 64-bit
β’ 128-bit
β’ 256-bit
β’ Encryption Key
β’ 64-bit
β’ 128-bit
β’ 256-bit
β’ 512-bit
β’ 1024-bit
β’ 2048-bit
β’ 4096-bit
β’ Password
β’ Lower letters
β’ Upper letters
β’ Numbers
β’ Special Characters
β’ Length
Every coder needs All Keys Generator in its favorites ! π
[ Website ] : allkeysgenerator.com
https://t.me/pgimg/53
γ°γ°γ°γ°γ°γ°
#Encryption #Generator
@ProgrammingTip
Telegram
Programming Tips Resources
AutoMapper 6.2.0 Released β¨
A couple of big features in this release include inline maps, where AutoMapper no longer requires you to call CreateMap for new maps.
To configure an inline map, use the mapping options π€π» :
You can use local functions to make the configuration a little easier to read π€ :
https://t.me/pgimg/54
[ Release Notes ] : http://bit.do/atmp
γ°γ°γ°γ°γ°γ°
#AutoMapper #CSharp
@ProgrammingTip
A couple of big features in this release include inline maps, where AutoMapper no longer requires you to call CreateMap for new maps.
To configure an inline map, use the mapping options π€π» :
var source = new Source();
var dest = Mapper.Map<Source, Dest>(source, opt => opt.ConfigureMap().ForMember(dest => dest.Value, m => m.MapFrom(src => src.Value + 10)));
You can use local functions to make the configuration a little easier to read π€ :
var source = new Source();
void ConfigureMap(IMappingOperationOptions<Source, Dest> opt) {
opt.ConfigureMap()
.ForMember(dest => dest.Value, m => m.MapFrom(src => src.Value + 10))
};
var dest = Mapper.Map<Source, Dest>(source, ConfigureMap);
https://t.me/pgimg/54
[ Release Notes ] : http://bit.do/atmp
γ°γ°γ°γ°γ°γ°
#AutoMapper #CSharp
@ProgrammingTip
Telegram
Programming Tips Resources
Why i choose Angularβ
Choosing a front-end framework is no small task these days. β°
There are a lot of options out there, each with pros and cons. β
When I decided I wanted to move to a βnext genβ framework, I surprised myself by going with a framework that I initially had a lot of negative feelings about :
π °οΈngular.
In this post, Iβm going to explain how Angular won out over the competition.
https://t.me/pgimg/55
[ Article ] : http://bit.do/angwon
γ°γ°γ°γ°γ°γ°
#Angular #React #Vue
@ProgrammingTip
Choosing a front-end framework is no small task these days. β°
There are a lot of options out there, each with pros and cons. β
When I decided I wanted to move to a βnext genβ framework, I surprised myself by going with a framework that I initially had a lot of negative feelings about :
π °οΈngular.
In this post, Iβm going to explain how Angular won out over the competition.
https://t.me/pgimg/55
[ Article ] : http://bit.do/angwon
γ°γ°γ°γ°γ°γ°
#Angular #React #Vue
@ProgrammingTip
Telegram
Programming Tips Resources
AppCode - Swift Execution Of Your Bright Ideas π
β’ Efficient Project Navigation π
Jump to any file, class, or symbol in your project in no time, use hierarchical and structure views to get through your project structure. π
β’ Through Code Analysis π
AppCode is constantly monitoring the quality of your code. β
It warns you of errors and smells and suggests quick-fixes to resolve them automatically. βοΈ
β’ Smart Completion π‘
AppCode offers 2 kinds of code completion :
1οΈβ£ Basic as-you-type completion
2οΈβ£ SmartType completion for more precise filtering of suggestions.
β’ Reliable Refactorings π¨
Modify and improve your code anytime with safe, accurate and reliable refactorings.
πΉπΈπΉπΈ
AppCode provides over 60 code inspections just for Objective-C, C and C++, and a number of code inspections for other supported languages. β¨
All code inspections are run on the fly. π¦
https://t.me/pgimg/56
[ Website ] : jetbrains.com/objc
γ°γ°γ°γ°γ°γ°
#IDE #Swift #ObjectiveC
@ProgrammingTip
β’ Efficient Project Navigation π
Jump to any file, class, or symbol in your project in no time, use hierarchical and structure views to get through your project structure. π
β’ Through Code Analysis π
AppCode is constantly monitoring the quality of your code. β
It warns you of errors and smells and suggests quick-fixes to resolve them automatically. βοΈ
β’ Smart Completion π‘
AppCode offers 2 kinds of code completion :
1οΈβ£ Basic as-you-type completion
2οΈβ£ SmartType completion for more precise filtering of suggestions.
β’ Reliable Refactorings π¨
Modify and improve your code anytime with safe, accurate and reliable refactorings.
πΉπΈπΉπΈ
AppCode provides over 60 code inspections just for Objective-C, C and C++, and a number of code inspections for other supported languages. β¨
All code inspections are run on the fly. π¦
https://t.me/pgimg/56
[ Website ] : jetbrains.com/objc
γ°γ°γ°γ°γ°γ°
#IDE #Swift #ObjectiveC
@ProgrammingTip
Telegram
Programming Tips Resources
Top 5 ASP.NET MVC Action Filters π
Action Filters have been around since the first release of ASP.NET MVC. πΎ
Today, I give you my five favorite Action Filters to use right away in your MVC code ( DanylkoWeb ) .
Filters β‘οΈ :
β’ Compress Filter
β’ Whitespace Filter
β’ ETag Filter
β’ SearchBot Filter
β’ TidyHtml Filter
https://t.me/pgimg/58
[ Website ] : http://bit.do/afil
γ°γ°γ°γ°γ°γ°
#AspMvc #ActionFilter #Attribute
@ProgrammingTip
Action Filters have been around since the first release of ASP.NET MVC. πΎ
Today, I give you my five favorite Action Filters to use right away in your MVC code ( DanylkoWeb ) .
Filters β‘οΈ :
β’ Compress Filter
β’ Whitespace Filter
β’ ETag Filter
β’ SearchBot Filter
β’ TidyHtml Filter
https://t.me/pgimg/58
[ Website ] : http://bit.do/afil
γ°γ°γ°γ°γ°γ°
#AspMvc #ActionFilter #Attribute
@ProgrammingTip
Telegram
Programming Tips Resources
The Pragmatic Programmer.pdf
2.6 MB
The Pragmatic Programmer π
Authors : Andy Hunt, Dave Thomas π
Level : Advanced π
γ°γ°γ°γ°γ°γ°
#Book #CleanCode #Refactoring
@ProgrammingTip
Authors : Andy Hunt, Dave Thomas π
Level : Advanced π
γ°γ°γ°γ°γ°γ°
#Book #CleanCode #Refactoring
@ProgrammingTip
Material-UI β¨
A Set of React Components that Implement Google's Material Design βοΈ
Material-UI is available as an npm package :
https://t.me/pgimg/59
[ Website ] : material-ui.com
γ°γ°γ°γ°γ°γ°
#React #Material #Library
@ProgrammingTip
A Set of React Components that Implement Google's Material Design βοΈ
Material-UI is available as an npm package :
npm install material-uihttps://t.me/pgimg/59
[ Website ] : material-ui.com
γ°γ°γ°γ°γ°γ°
#React #Material #Library
@ProgrammingTip
Telegram
Programming Tips Resources