Angular Material is a UI component framework that follows Google’s Material Design specification. It was created and supported by the Angular development team. More information about Material Design: Material Design Setting up Material Project Create a new ng project as normal. Then run commands to add ng material ng new material ng add @angular/material@11.0.0 […]
Web Application Security
Some common web security topics and patterns. Crypto-miner Cryptocurrency mining, or cryptomining, is a process in which transactions for various forms of cryptocurrency are verified and added to the blockchain digital ledger. Also known as cryptocoin mining, altcoin mining, or Bitcoin mining (for the most popular form of cryptocurrency, Bitcoin), cryptocurrency mining has increased […]
Revisiting Angular
Angular is a platform and framework for building client applications in HTML and TypeScript. The basic building blocks of an Angular application are NgModules, which provide a compilation context for components. NgModules collect related code into functional sets; an Angular app is defined by a set of NgModules. An app always has at least a root module that enables bootstrapping, […]
Azure hosted .NET web application
I needed a small application that manages attendance for a large people management / church management system known as RockRMS. We have this Rock system running in Azure hosted on a VM and using a SQL Database. There were some functionalities lacking in the Rock system and so I created this small extension application and deployed […]
Azure Overview and App Service
Some general notes about the Azure cloud platform and services. Regions – geographical area with one or many datacenters Feature Availability – not all features available in every region Geography – discrete market area with one or more regions Availability Zones – physically separate locations within Region providing redundancy for that region Availability Sets – […]
Webpack
Webpack is a packaging tool used to create modular bundles for JavaScript, CSS and HTML. Though this is it’s main feature, there are many other features of webpack as well – such as being a task runner and even acting as a dev server. By the use of a dependency graph, it maps out the […]
ASP.NET MVC, WEBAPI, SQL, Unit Test and EF on Azure
This is a sample project that contains the following: ASP.NET MVC (4.6) ASP.NET WEBAPI SQL (SQL SERVER 2014) ENTITY FRAMEWORK (5) UNIT TESTS All is deployed on Azure here: http://samplewidgets.azurewebsites.net/ This is a project I use as kind of a template for other projects that use similar technologies and frameworks. I’ve also used it to […]
Material Design
Material Design is a concept created by Google and published around 2014. It extends the ‘flat design’ concept by creating layers (moving along the Z-axis). This includes methods of shadowing as well as various animations for components that users interact with. Each of the layers represent a ‘material’ that reacts differently to light (thereby giving […]
UI / UX Design Fundamentals
Notes taken during CodeSchool course: Fundamentals of Design All pictures are property of CodeSchool Typography Some fonts are just horrible. Invest in researching which fonts match your content and audience. Content should be both verbal and visual, depending on what needs to be presented. Typefaces Humanist Serif = good for journalistic content Sans Serif does […]
Web Performance Optimization (WPO)
This was a presentation used to introduce concepts in Web Performance Optimization.
Introduction to AngularJS
This is Angular Version 1 Introduction course to AngularJS (v1) from MVA. @section scripts{ <script src=”~/Scripts/angular.js”></script> <script src=”~/Scripts/angular-route.js”></script> <script src=”~/Scripts/angular-resource.js”></script> <script src=”~/Scripts/angular-animate.js”></script> <script src=”~/Client/Scripts/AtTheMovies.js”></script> <script src=”~/Client/Scripts/MovieService.js”></script> <script src=”~/Client/Scripts/ListController.js”></script> <script src=”~/Client/Scripts/DetailsController.js”></script> <script src=”~/Client/Scripts/EditController.js”></script> } <h1>At the movies</h1> <div data-ng-app> {{true ? “true” : “false”}} </div> Module = is an abstraction that allows you to […]
DOM Notes
Some quick reference notes on Document Object Model Created by the browser when a web page is loaded. It is an object model representing the HTML DOM is an object oriented representation of a web page It is hierarchical – based on the element tags <head>, <body> at top / root DOM is most commonly […]
Overview of jQuery Mobile
Using jQuery Mobile for a web application that needed to be easily accessible to mobile users. Download the project sample � MVC4Mobile This is a mobile app for showing Conference details. Sessions data for the conference is kept in the following XML file: ~/App_Data/Sessions/RawSessionsData.xml The project starts with no pleasant mobile view […]