Web Design With .Net

Web Design With .Net

By Steven Woolston from Woolston Web DesignTechnologyTech News
Download on the App Store

Web Design With .Net episodes

  • 007: Simple steps to change/move the root of your Git source repository
    Have you ever created a Git repository and then later realised you created it in the wrong level of the folder structure.
    Until now, I have dropped the repo and started again but the problem with that is loss of change history.
    I show you how to change the folder level of your Git repository without losing any history. In fact, the history that is added as a result of this process is indicative of the changes you made.
    I show you by using Wordpress as an example. Instead of just storing the Wordpress theme in the repository, I want to go higher up the folder structure and include the plugins and uploads too.
    But this process can be applied to any folder structure. And it's so easy.
    Find out more at https://www.woolston.com.au.
    10 min
  • 006: Live Coding – Treasure Hunt For Easter Eggs
    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net. You can commission him for web development work via his website at https://www.woolston.com.au.
    I go through the Wordpress REST API, Javascript, HTML and CSS I used in order to make a very effective treasure hunt application.
    00:45 - Introduction and description of the project
    02:55 - Wordpress REST API
    05:16 - Wordpress Custom Post Type
    06:45 - Setting up the environment
    07:13 - Let's code
    27:50 - The finished product
    32 min
  • 005: Using Grunt In Your Development Pipeline
    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net. You can commission him for web development work via his website at https://www.woolston.com.au.
    This video describes the changes that I made to my development and deployment pipeline. I wanted to move away from Visual Studio because it was becoming too difficult to manage. So I decided to migrate to Visual Studio Code and incorporate my grunt deployment pipeline.
    02:00 - Justification for making this change
    03:10 - Using VS Code and XAMPP
    04:30 - Justification for Grunt.js
    05:30 - Description of files in the VS Code folder
    06:20 - Overview of gruntfile.js
    08:00 - Set up Apache
    09:30 - Setup Wordpress locally on Apache/MySQL
    10:35 - Gruntfile configuration related to folder structure
    12:15 - Installing NPM packages from batch file
    16:40 - Setup new Wordpress theme and deploy files using Grunt
    22:40 - Deploying Grunt manually
    Remember to subscribe to our Youtube and ITunes channels so you can keep up with all new videos are they are released. Be sure to give good comments and rate as high as possible. High ratings allow us to produce more videos for you.
    27 min
  • 004: Bundle Your Assets In Visual Studio Projects
    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net.
    This video is a description of how to bundle your assets in your Visual Studio projects. We talk about the difference between plain HTML syntax and how to incorporate your CSS and Javascript files. Then we show you a better way to bundle your CSS and Javascript files using MVC Bundles.
    02:00 - Setting the scene in plain old HTML
    04:10 - MVC Layout Pages
    06:40 - _ViewStart.cshtml explanation
    08:25 - Adding links to your CSS and JS files in plain HTML
    11:10 - Build and inspect the view
    12:35 - Explaining Bundle Config in MVC
    13:15 - Demonstrating what bundles look like in an MVC layout view
    14:50 - Digging into BundleConfig.cs
    16:05 - Explaining wildcards when including files in bundles
    22:45 - Justifying why bundles are useful within your projects
    Remember to subscribe to our Youtube and ITunes channels so you can keep up with all new videos are they are released. Be sure to give good comments and rate as high as possible. High ratings allow us to produce more videos for you.
    Til next time ...
    26 min
  • 003: Using SASS in Visual Studio Projects
    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net.
    This video is a description of how to incorporate SASS into your Visual Studio projects. Using the application, Web Essentials, you can use SASS (CSS pre-processor) in your MVC and Web Forms projects. Web Essentials compiles the SASS into standard CSS so you can include the stylesheet in your project. All you need to do is reference the CSS file in your MVC bundle or Master File.
    03:20 - See an example on CodePen
    13:00 - Using SASS in Visual Studio
    14:00 - Bundling CSS into your MVC project
    16:00 - Web Essentials - module for compiling SASS in Visual Studio
    17:20 - Rename a CSS file to SCSS and let Web Essentials do the hard work
    Remember to subscribe to our Youtube and ITunes channels so you can keep up with all new videos are they are released. Be sure to give good comments and rate as high as possible. High ratings allow us to produce more videos for you.
    Til next time ...
    26 min
  • 002: .Net Solution Architecture
    This video is a description of the architectural design of a typical .Net solution using separation of concerns and object mapping. This video sets a foundation for future videos and describes how to reference layers to create a physical security barrier for data and build a platform for successful Unit Testing. It describes how to manage T4 templates, entity DTOs and how to manage transfer between ORM-generated POCOs and ViewModels.
    01:30 - The Onion Architecture - Jeffrey Palermo
    02:00 - Solution Layers
    02:30 - Data Layer - Entity Framework, model context, repository pattern
    03:45 - Business Layer - physical limitations to the data layer and contains business rule classes
    05:15 - Domain Layer - commonly used core classes. Helpers, utilities and a copy of the model T4 template
    08:20 - UI Layer - copy entity DTOs and make them ViewModels
    11:00 - Using interfaces to expose methods between Business and UI layers
    13:00 - Using AutoMapper to map entity DTOs (model) and web DTOs (viewmodel)
    16:00 - Controllers, actions and dependency injection
    16:30 - Render model data in a list view. Step into methods and see how the chain of methods are called
    Remember to subscribe to our Youtube and ITunes channels so you can keep up with all new videos are they are released. Be sure to give good comments and rate as high as possible. High ratings allow us to produce more videos for you.
    21 min
  • 001: Introduction
    Introducing Web Design With .Net. A regular screencast and podcasting company aiming to teach and improve the web design industry.
    2 min