ASP.NET Core 2 & Angular 5 - Full Stack Web Development with .NET Core & Angular 📕

Author : Valerio De Sanctis 🖊

Publisher : Packt 💎

〰〰〰〰〰〰
#Book #AspMvc #Core #Angular
@ProgrammingTip

API Feature Folders ⚡️

In ASP.NET Core (and unlike ASP.NET 5 / Web API 2), Web API controllers are just controllers. 🗂

You don’t need to inherit from a different base type or anything like that. ❌

What’s more, your API controllers should be returning DTOs that are separate from your underlying domain or data model. ↔️

What I’ve found to be a better organization is to do away with the Controllers folder (or keep it around if you’re using view-based controllers) and instead use feature folders for your APIs. 💎

I’m partial to having a root level API folder but if you’d prefer to put your features in the root of the project that would work, too. 👍🏻

Within each feature folder, you include the controller along with any model types it needs to work with, like this 👾 :

https://t.me/pgimg/124

Obviously one benefit of this approach is that it’s more cohesive. ✅

Things that change together are located physically next to one another, and the friction involved in moving between different folders with too many files in them is greatly reduced. ✂️

Another nice thing about this approach is that it just works. Unlike view-based controllers, you don’t need to change anything about how ASP.NET Core is configured to have this organization structure work for you. ✨


[ Article ] : bit.do/apif

〰〰〰〰〰〰
#AspMvc #Core #API
@ProgrammingTip

A Mini-Course on React Native Flexbox ✨

Flexbox solves design issues that are particularly challenging on mobile, and it does so strikingly well — without requiring hacky CSS or Javascript tricks. 🗂

But there’s a learning curve.
The property names all sound incredibly similar and do nothing to indicate what sets them apart. ↔️

On top of that, each property has a set of values that are mostly similar, yet slightly different, from each other. And to compound the confusion, not all properties of the Flexbox standard are included in React Native. 🌀

This can cause surprises when you try to follow regular CSS documentation, only to discover that React Native doesn’t implement a particular feature, such as reverse flex❗️

To help make it easier to internalize the rules of Flexbox, I’ve decided to write the guide that I would have liked to read — with the underlying concepts explained and simple examples along the way. 👾

Doodle along with me and get comfortable solving design scenarios with Flexbox. 💎


https://t.me/pgimg/125

[ Article ] : bit.do/rnat

〰〰〰〰〰〰
#ReactNative #Design
@ProgrammingTip

InversifyJS ⚡️

A powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript. 💎


About 👤

InversifyJS is a lightweight (4KB) inversion of control (IoC) container for TypeScript and JavaScript apps. 💉

An IoC container uses a class constructor to identify and inject its dependencies. 🗂

InversifyJS has a friendly API and encourages the usage of the best OOP and IoC practices. ✅


Motivation 💜

JavaScript now supports object oriented (OO) programming with class based inheritance. These features are great but the truth is that they are also dangerous. ☠️

We need a good OO design (SOLID, Composite Reuse, etc.) to protect ourselves from these threats. The problem is that OO design is difficult and that is exactly why we created InversifyJS. ✨

InversifyJS is a tool that helps JavaScript developers write code with good OO design. 💯


Philosophy 🌀

InversifyJS has been developed with 4 main goals 🔝 :

• Allow JavaScript developers to write code that adheres to the SOLID principles. ☝🏻

• Facilitate and encourage the adherence to the best OOP and IoC practices. 🔥

• Add as little runtime overhead as possible. ⏰

• Provide a state of the art development experience. 🌈


https://t.me/pgimg/126

[ Github ] : bit.do/inversify

〰〰〰〰〰〰
#JavaScript #DI #Inversify
@ProgrammingTip

Favor Privileges over Role Checks ⛔️

A very common practice in web applications, especially those written using the ASP.NET built-in Role provider, is to perform role checks throughout the code to determine whether a user should have access to a particular page or control or command. 🔍

For instance, you might see something like this ♻️ :

if (User.IsInRole(Roles.Administrators))
{
    SomeSpecialControl.Visible = true;
}

The problems with the maintainability of this approach become apparent after a short while.❗️

For one, any buttons or other controls on the SomeSpecialControl above that post back to the page should also do a role check to ensure the user submitting the postback is in an acceptable role, otherwise a security hole may be present and users outside of these roles may be able to perform privileged actions. ☠️

🔸🔹🔸🔹

Introducing Privileges ✅

Wouldn't it be better to act like this❓

EditorPanel.Visibility = CurrentUser.CanEdit(CurrentArticle);

This is very clear and is at the appropriate level of abstraction. 💎

CanEdit isn’t itself a privilege; we can look at it as a sort of helper method in this case that lets us write clear and concise code. ✨


https://t.me/pgimg/127

[ Full Article ] : bit.do/prauth

〰〰〰〰〰〰
#AspMvc #Authorization
@ProgrammingTip

Real World - Conduit 🌏

"The mother of all demo apps." 🔥

While most "todo" demos provide an excellent cursory glance at a framework's capabilities, they typically don't convey the knowledge & perspective required to actually build real applications with it. ✅

Real World solves this by allowing you to choose any front-end like 🌈 :
• React / Redux / Mobx
• Angular
• Vue
• Elm
• Aurelia
• Clojure

And any back-end like 🌀 :
• ASP.NET Core
• Node / Express
• F#
• Laravel
• Django
• Rails
• Go + Gin
• Rust
• Scala & Play Framework
• Hapi.js

And see how they power a real world, beautifully designed fullstack app called "Conduit". ✨


https://t.me/pgimg/128

[ Projects ] : bit.do/reworld

〰〰〰〰〰〰
#Template #RealWorld
@ProgrammingTip

Carbon✨

Create and share beautiful images of your source code. 🌈

You know all of those code screenshots you see on Twitter❓

Although the code's usually impressive, we saw room for improvement in the aesthetic department. ✅

Carbon is the easiest way to create beautiful images of your source code. 🌌

So what are you waiting for❓
Go impress all of your followers with your newfound design prowess. 🎨

https://t.me/pgimg/129

[ Website ] : carbon.now.sh

〰〰〰〰〰〰
#Code #Scheme
@ProgrammingTip

Real-Time Web Application Development : With ASP.NET Core, SignalR, Docker, and Azure 📕

Author : Rami Vemula 🖊

Publisher : Apress ✨

〰〰〰〰〰
#Book #AspMvc #Core #SignalR #Docker #Azure
@ProgrammingTip

Flexbox Froggy 🐸

Flexbox Froggy is a game for learning CSS flexbox. 👾

Flexbox Froggy takes inspiration from the classic arcade game Frogger, and web literacy games like the brilliant CSS Diner and Erase All Kittens, where you learn about CSS selectors and HTML markup respectively. 🔥


https://t.me/pgimg/130

[ Learn ] : flexboxfroggy.com

〰〰〰〰〰〰
#FlexBox #CSS
@ProgrammingTip

Using Redis Cache in .NET Core 🗂

Redis is a high performance distributed cache. It’s great for storing data that you are going to need again and again in a short period of time when you don’t want to use processing power to “create” that data again. ♻️

Think number crunching or heavy SQL queries for data that doesn’t change often. 🚫


Roll Your Own 👤

First off. You can absolutely roll your own Redis Cache services abstracted by your own interfaces etc. ✅

You may find it a little difficult to find libraries that target .NET Core, but this will change over time. ⏳

In saying that, there is a “.NET Core” way of doing things that is a little different. It does tie you into the framework a little, but it abstracts away the caching completely and let’s Microsoft handle it and that’s what we are going to go over today. 💎


https://t.me/pgimg/131

[ Article ] : bit.do/rcache

〰〰〰〰〰〰
#Redis #AspMvc #Core #Cache
@ProgrammingTip

WarriorJS 🗡

An exciting game of programming and Artificial Intelligence. 🤖

In WarriorJS, you wear the skin of a warrior climbing a tall tower to reach The JavaScript Sword at the top level. ⛳️

Legend has it that the sword bearer becomes enlightened in the JavaScript language, but be warned : the journey will not be easy. ⚠️

On each floor, you need to write JavaScript to instruct the warrior to battle enemies, rescue captives, and reach the stairs alive. ☠️

No matter if you are new to programming or a JavaScript guru, WarriorJS will put your skills to the test. Will you dare❓


https://t.me/pgimg/132

[ Github ] : bit.do/warriorjs

〰〰〰〰〰〰
#JavaScript #Fun #Game
@ProgrammingTip

VS Code can do that ⁉️

All the best things about Visual Studio Code that nobody ever bothered to tell you. 🔥


Features ✅ :

• Update Image Size
• Emmet
• Wrap Individual Lines
• Prettier
• Font Ligatures
• Bracket Pair Colorizer
• JavaScript Type Checking
• JSON Intellisense
• Node.js Debugging
• Debugging Browser Apps
• Log Points
• CosmosDB / MongoDB
• Bookmarks
• Docker
• Settings Sync
• Deployment
• Image Preview
• CSS Preview
• Inline File / Folder Nesting


https://t.me/pgimg/133

[ Website ] : bit.do/vscod

〰〰〰〰〰〰
#VSCode #Extensions
@ProgrammingTip

Never commit code that’s been commented out 🚫

I’ve never understood the reasoning behind committing code that’s been commented out. 🤔

I assume it’s to keep old versions of the code around just in case the new code doesn’t work, but that’s just bizarre. ⚠️

Keeping track of old versions is the reason we use a version control system in the first place❗️

Why was the code commented out❔
Does it work❔
Should it work❔
Has it ever worked❔
Is it something we should strive towards or run away from❔

Code that’s been commented out is worse than useless, because every time it’s read, it raises questions like these without providing any answers. ❌

It only serves to confuse and distract from the code in use. 🤯


https://t.me/pgimg/134

〰〰〰〰〰〰
#Tips #Git
@ProgrammingTip

It's quiz time, What do you think will be logged❓
anonymous poll

2 then 3 – 83
👍👍👍👍👍👍👍 50%

1 then 1 – 28
👍👍 17%

1 then 3 – 28
👍👍 17%

1 then 2 – 28
👍👍 17%

👥 167 people voted so far. Poll closed.

And now ... here is the answer. 🤟🏻

〰️〰️〰️〰️〰️〰️
#JavaScript #Async
@ProgrammingTip

Avian 🗂

A lightweight virtual machine and class library designed to provide a useful subset of Java’s features, suitable for building self-contained applications. 💡

The VM is implemented from scratch and designed to be both fast and small.

Efficient

🔸Just-In-Time (JIT) compilation for fast method execution

🔹Generational, copying garbage collection ensures short pause times and good spatial locality

🔸Thread-local heaps provide O(1) memory allocation with no synchronization overhead

🔹Null pointer dereferences are handled via OS signals to avoid unecessary branches

The class library is designed to be as loosely coupled as possible, allowing tools like ProGuard to aggressively isolate the minimum code needed for an application. ⚡️

This translates to smaller downloads and faster startup. ✨

https://t.me/pgimg/135

[ Website ] : readytalk.github.io/avian

〰〰〰〰〰〰
#Java #VM #JIT
@ProgrammingTip

Mastering Docker - Second Edition 📕

Authors 🖊 :
Russ McKendrick
Scott Gallagher

Publisher : Packt ✨

〰〰〰〰〰〰
#Book #Docker
@ProgrammingTip