Intro ASP .NET Core 6 & MVC Web Design for absolute beginner

Compare ASP.NET Core with ASP.NET and the .NET Framework, highlighting cross-platform publishing, open source advantages, and modern options like MVC, Razor pages, and Blazer.

Explore the two main ASP.NET Core project types, MVC and Razor Pages, and show how model-view-controller powers MVC while Razor Pages offer a simpler update.

Create your first ASP.NET Core MVC project in Visual Studio 2022 using the MVC template, configure .NET 6, and learn http/https setup and the project structure.

Discover how the ASP.Net Core MVC structure routes http requests through controllers to models, which load data from the database and generate views that form the response.

Build and run your first ASP.NET Core MVC website, mastering the MVC structure and running it with IIS Express or Kestrel, building or rebuilding, and viewing on localhost.

Learn the asp.net core mvc file structure, including controllers, models, views, and wwwroot for static assets, along with appsettings, program.cs, and the bin and obj folders.

Explore how the controller acts as the connector between model and view in an mvc project, navigate the home controller and its views, and understand actions like privacy and index.

Create a new empty MVC project in ASP.NET Core 6, set up the solution with a controllers, models, and views structure, and explore scaffolding for auto-generated code.

Install the scaffolded code generator for ASP.NET Core MVC via NuGet in Visual Studio to auto-generate controllers and views, using the latest stable version.

Learn how to add the first MVC controller to a new ASP.NET Core project, including scaffolding options, naming conventions like the Home controller, and organizing views with matching folders.

Explore razor views in MVC Core: an HTML file with embedded C# code that serves as the website interface, rendered by the controller's action to generate dynamic pages.

Learn how to add Razor views to an MVC project, organize views by controller, and connect views like index and about us through actions in an ASP.NET Core MVC app.

discover how the action in MVC core connects a controller to its views with methods returning an action result, often sharing names with the views like index or privacy.

Add actions to an ASP.NET Core MVC project by creating public action result methods that return views, configure routing, and test the index, about, and customers pages.

Learn how routing directs requests to controllers and views in asp.net core mvc. Configure program.cs, enable controllers with views, and map routes for home, about, and customers.

Explore how to add routing in an MVC project by configuring app.MapControllerRoute with name and pattern, setting default controller and action, and handling optional id.

Discover how layout templates in mvc core use razor pages and html to provide a fixed header and footer, with optional sidebars and variable content across views.

Learn to implement a reusable layout in an asp.net core mvc project, creating a shared layout, using render body, and applying header and footer across views.

Learn how to change a layout’s name and location in ASP.NET Core MVC, underscore layout, extension handling, view start, and placing layouts in home or shared folders with tilde paths.

Discover how view start in mvc core assigns a shared layout and common code across views, and manages multiple view starts for different folders.

Learn to navigate between MVC views using ASP.NET Core tag helpers, with anchor tags and actions, enabled by view imports cshtml.

Learn to use view imports to share tag helpers and directives across all views, set up a layout to avoid duplication, and enable navigation between pages in ASP.NET Core MVC.

Use the ViewBag to transfer temporary data between the controller, view, and layout, and set dynamic page titles with properties like first name and age.

Explore view data in ASP.NET Core MVC to transfer temporary data between controller, view, and layout, including page title and user data such as first name, last name, and age.

Download SQL Server 2014 Express edition for Windows 7 or 10, selecting the 32-bit or 64-bit with tools. Install the engine and Management Studio, configure an instance with Windows authentication.

Explore the SQL Server structure, from the SQL Engine and MDF extension database files to SQL queries, authentication, and the SQL Management Studio interface for managing databases.

Explore how SQL Server databases store information in MDF data files and LDF log files, create and manage databases, and understand tables, views, and security.

Learn to use SQL Server configuration manager to start, stop, pause, and restart SQL Server services and instances, including managing start modes and common maintenance tasks.

Create, design, edit, and load data from SQL Server tables, and rename or delete them. Explore table concepts, primary keys, and data types through guidance for ASP.NET Core MVC design.

Explore SQL Server numeric data types, including int, bit, tinyint, smallint, bigint, float, and decimal. Learn ranges, null values, and primary key considerations for design.

Explore char, varchar, varchar max, and text data types in SQL Server, compare fixed versus variable sizes, English vs non-English usage, and the recommended replacements for deprecated text data type.

Learn to store unicode characters in SQL Server using nchar, nvarchar, varchar, and text, including varchar max and nvarchar max, with fixed versus variable length concepts.

Learn to use the GUID datatype, a global unique identifier, as a primary key in SQL Server, including the 32-digit format with four dashes and auto-generation.

Detach, attach, and take databases offline in sql server, learn to back up and restore MDF and LDF files while managing connections.

Create and design a phone book database in SQL Server, enable an identity auto increment primary key, and define nvarchar and varchar columns with appropriate data types.

Learn to design a phone book database in SQL Server using date and time data types such as date, time, datetime, datetime2, and datetimeoffset, with practical storage guidance.

Learn how to write SQL Server select queries to retrieve data from a table, including selecting columns, using top and order by, and loading all columns with an asterisk.

Learn to search data efficiently by adding a where clause to a select query, filtering non-numeric text fields and Unicode data in SQL Server.

Explore why the entity framework simplifies database access in MVC web design, sitting above .NET, with scaffolding tools that auto-generate code for quick data operations.

Explore the structure of the entity framework in MVC Core, highlighting DbContext and its model mappings. Learn how controllers load and save data via DbContext and present results to views.

Explore the database first method in Entity Framework Core: create the database, auto-generate the DbContext and models, then scaffold controllers and views for an MVC app.

Create a SQL Server database for an ASP.NET Core 6 MVC app, define a student table with an identity primary key, and prepare DbContext and models for Entity Framework.

Add sample data to the database table for your ASP.NET Core 6 MVC project. Learn how to enter records, handle date time formats, and review identity columns in the design.

Create a new ASP.NET Core MVC project in Visual Studio 2022 and install the required NuGet packages, including the MVC code generator, Entity Framework Core design, and SQL Server provider.

Learn to generate dbcontext and models automatically with scaffold-dbcontext, using a connection string, provider, NuGet packages, and reverse engineering in the package manager console.

Generate the controller and views automatically with scaffolding using entity framework in mvc. Configure the db context, models, and layout, then run the project to test the scaffolded pages.

Register the dbcontext in program.cs using builder.Services.AddDbContext<SchoolContext> to run the asp.net core mvc site and enable crud on students.

Secure your DbContext by moving the connection string to appsettings.json or appsettings.development.json, register the DbContext with UseSqlServer, and load settings by environment.

Install bootstrap 5 and Visual Studio Code on Windows 10, then configure extensions such as HTML support and Live Server to design responsive web pages.

Learn to start a new HTML project in VS Code and integrate Bootstrap, create an index.html, link the Bootstrap CSS and JS, and preview with live server.

Explore the main parts of Bootstrap, including the container as the page skeleton, the grid and breakpoints, and how rows and columns structure responsive layouts across full-width and fixed containers.

Explore Bootstrap breakpoints as device size categories that drive responsive design, covering six default sizes from xs to xxl to tailor layouts for phones, tablets, and desktops.

Learn how the default bootstrap container adapts to breakpoints to create responsive layouts, compare it with container fluid and container breakpoint, and implement it in a basic html setup.

Learn how to implement a fluid container in bootstrap, which uses 100% width, no padding, and how to switch from default container to container-fluid to create full-width layouts.

Explore responsive containers in Bootstrap, including default, fluid, and breakpoint-based options that stay 100% wide until each breakpoint. Learn to apply container classes and background colors for responsive designs.

Discover how to build responsive pages using the Bootstrap grid system with a fluid container, rows, and columns. Master the 12-column grid, add multiple rows, and ensure resizing across devices.

Master customizing Bootstrap grid column widths with the 12-column system, using sizes like eight and four or six and six to ensure the row sums to twelve for responsive layouts.

Explore bootstrap headings from h1 to h6 and responsive typography within container and grid layouts. See practical examples like text muted, lit paragraph, and blog code usage to illustrate typography.

Learn to customize the vscode editor background to an eye-friendly color by editing the settings.json with workbench.colorCustomizations and editor.background, choosing a color and adjusting opacity.

Bootstrap text color and background color utilities, including opacity, through practical HTML samples that show how to apply text and background colors for professional web design.

Learn to apply Bootstrap padding and margin with simple p and m utilities, including top, bottom, start, end, x, y, and auto options, for responsive web design.

Learn to implement responsive padding and margins with Bootstrap breakpoints, tailoring spacing for small to extra large devices across md, lg, and xl screens.

Learn to apply bootstrap borders to HTML elements with additive and subtractive options, target sides, and color and width controls, then preview results and prepare for border radius styling.

Explore bootstrap border radius to create rounded corners across images, spans, and buttons using classes like rounded, rounded top, end, and pill; control size 0–3 and add circle shapes.

Learn to align text in bootstrap with text-start, text-center, and text-end, and adapt alignment across device sizes using responsive breakpoints.

Learn to use bootstrap display utilities to align elements in line or block, and control visibility across device sizes with d-inline, d-block, and d-none.

Learn to master bootstrap text utilities, including wrapping, overflow, word break, text transform, font size and weight, italics, and line height for responsive web design.

Explore bootstrap sizing utilities to set element width and height as percentages of the parent, using w-*, h-*, inline-block layouts with padding and colors.

Design your first real-world page with Bootstrap in Visual Studio Code, building a responsive layout using container-fluid and a row with two columns, featuring a background color and white text.

Embed a responsive YouTube video using an iframe inside a container with a row and two columns. Use flex to center content and switch to one column on small devices.

Learn to build responsive images with Bootstrap by using the image fluid class, thumbnails, and alignment techniques. Explore SVG images, when to use them, and online conversion options.

Create a responsive image section inside a fluid container with a two-column Bootstrap grid, including heading, paragraph, and list, and adapt for md and smaller breakpoints.

Learn to create and customize bootstrap buttons, including basic button types (primary, secondary, dark, link), button vs anchor roles, outline and size options, and disabled states, with practical examples.

Learn to add a bootstrap button to a real-world ASP.NET Core MVC project using btn classes like btn, btn-primary, or btn-outline, plus anchor tag href and hover styling.

Learn to build a responsive bootstrap navbar with brand, container, toggle button, collapse, and nav items, including dropdowns and search forms.

Learn to design a responsive navbar for an ASP.NET Core MVC project by integrating Bootstrap codes, customizing the brand logo, and fixing the nav bar at the top across breakpoints.