Demos From Your Textbook Publisher HTML Tags Demo - This is the HTML coding utility provided by you textbook publisher which is described on page HTML 16. Characters Demo - This is the character codes demo provided by your textbook publisher which is described on page HTML 44. Color Names Demo - This is the color names demo provided by your textbook publisher which is described on page HTML 137. CSS Demo - This is the cascading style sheets demo provided by your textbook publisher which is described beginning on page HTML 141. Safety Palette Demo - This is the safety palette demo provided by your textbook publisher which is an example of the color palette limit of GIF images as discussed on page HTML 154. CSS Positioning - This is the CSS Positioning demo provided by your textbook publisher which is a great way to learn the difference between the various CSS positioning methods, like absolute, relative, static, etc. This topic is discussed on page HTML 230. ⇑ Table of Contents Instructional Items Provided by Your Textbook Publisher Online Companion Your textbook publisher also provides a companion website for your textbook. On this site you'll find additional reading on subjects covered or related to what was covered in each tutorial. You'll also find hands-on student edition labs for each tutorial in your textbook. PowerPoint Slides These are the same PowerPoint slides I use when doing my face-to-face lectures for this course. I include them here only as a convenience for those who are viewing my face-to-face lecture and would like to follow along on their computer screen or would like to review the material covered after the lecture has completed. ⇑ Table of Contents Real-time HTML Editor Real-Time HTML Editor - This is a cool Web-based application that displays the results of your HTML coding as you type it. Try it out, it's a good tool for practicing your HTML coding skills. If you are using Expression Web or Dreamweaver then viewing your Web pages in "Split" view serves the same purpose. ⇑ Table of Contents Visual Studio Links of Interest Getting Started with Visual Studio - This short video tutorial will walk you through the steps of downloading, installing, and configuring Visual Studio. Visual Studio Documentation - This is the official Microsoft documentation Website for Visual Studio. Visual Studio Tutorials - This link will take you to tutorials which will help you with various facets of the Microsoft Visual Studio (VS) integrated development environment (IDE). These tutorials are designed to familiarize scholars with options for downloading the program to their own computer, publishing assignments for courses in the IA program, the VS built-in Intellisense feature, CSS styling with VS, and debugging applications using VS. Microsoft Application Development Architecture - This graphic is designed to help scholars visualize the Microsoft Application Development Architecture afforded by .NET Core. Walkthrough: Create a Simple Application with Visual C# or Visual Basic - By completing this walkthrough, you’ll become familiar with many of the tools, dialog boxes, and designers that you can use when you develop applications with Visual Studio. You’ll create a simple “Hello, World”-style application, design the UI, add code, and debug errors, while you learn more about working in the integrated development environment (IDE). Debugger Basics - This link will take you to the MSDN Debugger Basics page. VS Code: The Last Editor You'll Ever Need - VS Code is a cross platform editor from Microsoft that combines the speed and simplicity of a code editor with the great code editing and debugging experiences normally only found in heavy IDEs. VS Code downloads and installs in under a minute complete with deep JavaScript, Node, CSS/LESS/SASS support and more, everything you need for full stack web development. Along with lightweight git support, VS Code integrates seamlessly into your toolchain and with more than 1000 extensions and themes, you can customize VS Code to work the way you do. In this talk you’ll find out why we think VS Code is last editor you’ll ever need as we build an application from scratch to the cloud in under 30min. Length: 0:22:48 Debugging Web Applications & Scripts - This link will take you to the MSDN Debugging Web Applications and Script page. How to Locate the Visual Studio Developer Command Prompt on Your Computer - This tutorial provides step-by-step instructions to locate the Visual Studio Developer Command Prompt on your computer based on the version of the Windows operating system you are using. Visual Studio Code - Microsoft has released a new Visual Studio code editor designed to run on Mac and Linux computers. This link will take you to the download page for the VS Code software. ⇑ Table of Contents Web Development Links of Interest 14 Trends in Graphic Design for 2021 - Capitalizing on trends in design and business is a great way to stay culturally relevant and assure your success. Watch as I share 14 Trends in Graphic Design for 2021. Join me in exploring these contemporary trends you can use to inspire your designs and build your brand! Length: 0:11:02 ASP.NET Core Identity - Authentication and Authorization in ASP.NET Core - Login and Registration - In this video, we will create an ASP.NET Core 5 web application using Razor Pages and we will implement ASP.NET core Authentication and Authorization using ASP.NET Core Identity. We will use Entity Framework Core and SQL Server to store our registered users in our Authentication database. Length: 0:58:02 BEST Mockup Websites You Probably Don’t Know 2021 - In todays video you WILL see some of the best mockup websites that you've probably never heard of, great for downloading free PSD mockups for 2021 and more. Length: 0:05:48 BLAZOR: Modern Web Development with .NET and WebAssembly - Client-side web development has long been the sole domain of JavaScript. WebAssembly is poised to change that by opening up the web to the full ecosystem of languages, frameworks, and tools. Blazor is an experimental project to bring .NET to the Web via WebAssembly. In this session you'll see how Blazor enables full stack web apps using C# with no code transpilation or plugins – just open web standards. Length: 1:00:39 Coding Jobs Are Changing. Should You Be Worried? - Should you be worried about the future of coding jobs, especially with No Code popularity exploding and crazy leaps forward in AI recently? Here is a rant / my thoughts on the matter. Length: 0:05:25 How to Apply a Color Palette to Your Design – Tutorial - How do I use a color palette? How many colors should I use? How will I know if my colors look good together? Making a color palette is the first step, but knowing how to use it is something else. In this video, The Futur Creative Director, Greg Gunn, shares a handy color trick known as the 60-30-10 rule. He’ll explain what the rule is and how you can use it to give balance to your color palette. By the end of this video, you will understand how to come up with your own color ratio and give your palette purpose and consistency, wherever it is used. Length: 0:13:40 Learn ASP.NET Core 3.1 - Full Course for Beginners [Tutorial] - Learn ASP.NET Core 3.1 in this complete tutorial course for beginners. After learning about the history and basics of ASP.NET Core, you will learn how to build a small book list application with CRUD operations. You will learn how to use the Entity Framework for integration with a database with ASP.NET Core Razor Pages. You will also learn how to build a book list application using ASP.NET MVC and see how to use DataTables with API Calls in a Razor Project. Length: 3:13:17 My Website Design Was Terrible Until... - In this video Adrian takes over my channel and takes my terrible blog web design and makes it look great! Check it out! Length: 0:14:11 New Chrome Developer's Tools - In this video you will see a demonstration of a new feature in the Chrome Web Developer's tools. Length: 0:01:29 NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development - With so many web dev technologies and languages out there, it can be overwhelming to get started in web development. And if you are already a web developer you may find it difficult to keep up with new technology and trends. This web development roadmap will help guide you in deciding what technology and languages you should learn about in 2022 and beyond. We will cover all of the most popular languages and technology, focusing on full-stack web development. We will also look at the current trends to look out for in 2022. There's no better time to start than now! If you are just starting out or even thinking about starting a career in web development, look no further. This ultimate roadmap and complete guide will help you understand what you should be focusing your time on. Length: 0:22:26 Responsive Web Design Bootcamp - It is no longer safe to assume that visitors to your website are sitting in front of a large monitor equipped with a keyboard and mouse. As smartphones overtake the desktop as the primary portal to the Web - and as new device types and interaction models continue to emerge - designers need to adopt future-friendly strategies that support a full range of user contexts with a single codebase. What will be covered? -The "One Web" philosophy and benefits -Mechanics of media queries -Code organization and best practices -Adding support for adaptive images -Fallback techniques for older browsers Who is this webcast for? This webcast is for web designers and developers who are interested in creating mobile web sites and web apps. A working familiarity with standard HTML, CSS, and JavaScript would be very helpful but is not required. Length: 0:54:34 The Perfect Beginner React Project - Getting started with React can be incredibly difficult, but having a simple project to start with can help immensely. In this video we will be creating a simple calculator in React that handles input changes, user interaction, and complex calculations. This is the perfect project for anyone getting started in React since it focuses on some of the most important React concepts, such as re-renders, state management, and breaking down your code into components. Length: 0:31:54 Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & Tricks - Do you want to learn how to become a web developer in 2022? The first step is to pick a code editor. Let me show you how to get set up so you can start learning. In this tutorial, we'll install Visual Studio Code (VS Code) and configure it for web development. (HTML, CSS, JavaScript) We will look at some top themes, tips & tricks, features, and install some of my favorite extensions. This video is intended for beginners. Length: 0:19:36 Web Developer Roadmap 2021 | A Guide To Starting A Career In Web Development - With so many web dev technologies and languages out there it can be overwhelming to get started in web development. And if you are already a web developer you may find it difficult to keep up with new technology and trends. This web development roadmap will help guide you in deciding what technology and languages you should learn about in 2021 and beyond. We will cover all of the most popular languages and technology, focusing on full-stack development. We will also look at the current trends to look out for in 2021. There's no better time to start than now! If you are just starting out or even thinking about starting a career in web development, look no further. This roadmap and complete guide will help you understand what you should be focusing your time on. Length: 0:31:05 Web development for beginners: What does a web developer do? - Web development usually refers to activities related to website functionalities development. Although every website is developed a little differently, there are three fundamental components that conduct every interaction between a user and the site: Length: 0:04:57 Web Development in 2018 - A Practical Guide - We are about to start a new year and I have put together a guide for current and aspiring web developers to follow to get an idea of what it takes to be a full stack developer. From basic tools to html/css, JavaScript, UI frameworks like Bootstrap, server side technologies like Node.js, Python and PHP, frameworks like Laravel, Django and Ruby on Rails. I tried to include the most used technologies and give you the options to choose from with some of my own opinion and input. Length: 0:40:56 Markup Validation Service - This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links, there are other validators and tools available. HTML Introduction Video - This video introduces scholars to the basic concepts used to build a simple HTML Web page. Build better sites faster with Chrome DevTools - The ultimate goal of Chrome DevTools is to help you build better sites, or build sites faster, or maybe even both. If you've never used DevTools before, this talk will show you some core DevTools workflows, like debugging CSS and JavaScript, simulating mobile devices, and analyzing page load performance. If you use DevTools every day, we'll cover a lot of new and hidden features along the way that you may not know about. So hopefully there'll be something for everyone. Length: 0:29:04 Architecture of the World Wide Web, Volume One - The World Wide Web uses relatively simple technologies with sufficient scalability, efficiency and utility that they have resulted in a remarkable information space of interrelated resources, growing across languages, cultures, and media. In an effort to preserve these properties of the information space as the technologies evolve, this architecture document discusses the core design components of the Web. They are identification of resources, representation of resource state, and the protocols that support the interaction between agents and resources in the space. We relate core design components, constraints, and good practices to the principles and properties they support. Saying Goodbye to Flash in Chrome - For 20 years, Flash has helped shape the way that you play games, watch videos and run applications on the web. But over the last few years, Flash has become less common. Three years ago, 80 percent of desktop Chrome users visited a site with Flash each day. Today usage is only 17 percent and continues to decline. The First Website - This link takes you to the home page for first Website restoration project being completed by CERN. World Wide Web Consortium (W3C) - The W3C is the organization responsible for maintaining the standards for HTML, CSS, and many other Web technologies. Viewport Sizes - This website lists viewport sizes for numerous devices. View your own Web browser's viewport size. W3C Technical Reports Index - This W3C page is an index of links for all of the standards and drafts maintained by the W3C. Web Education Comunity Group @ the W3C - The Web Education Community Group (CG) aims to evolve the Web and improve the overall skill set of the web industry by improving the quality of available web education resources and courses around the world. Web Hypertext Application Technology Working Group (WHATWG) - WHATWG is a community of people interested in evolving HTML and related technologies. The HyperText Transfer Protocol (HTTP) - In order for potential viewers to actually see your Web page their Web browser must send a request for the page to a Web server using the HyperText Transfer Protocol (HTTP). Every good Web developer should have a basic understanding of how HTTP works and the error codes that it might generate. HTTP/2 - This online tutorial from Google covers HTTP/2 in in great depth and is a good introduction to the subject. The .NET Web Development and Tools Blog - https://blogs.msdn.microsoft.com/webdev/ How Web Browsers Work - A well written research paper by Tali Garsiel and Paul Irish on how modern-day Web browsers work. This research paper specifically focuses on the WebKit- and Gecko-based Web browsers like Chrome, Safari, and Firefox. All professional Web developers should be familiar with the tokenization, parsing, and rendering algorithms used in these Web browsers. Learn Web Development - This is a Web-based tutorial which teaches complete beginners how to write and develop websites. Top Web Sites - This Web page ranks the top 500 Web sites on the Web. The page is published by alexa.com who promote themselves as The Web Information Company and also claim to be The Global Leader in Analytics. Hyperbole aside, this list of Web sites is a respected source and is cited by many of the major blogs who write about Internet technologies. Style Guide for Online Hypertext - This is a collection of guidelines written by Tim Berners-Lee of the W3C in 1992 to help Web authors effectively communicate knowledge to their readers. Google Web Fundamentals - A good Web development fundamentals tutorial on the Google Developers Web site. Built With - Built With is a very cool Website which reports usage statistics for all things Web. Most popular Web servers, most popular frameworks, most popular languages, etc. Google Webmaster Guidelines - Following these guidelines will help Google find, index, and rank your Web site. Google Search - Enhance Your Presence on Search . Search is evolving beyond ten blue links to bring your content to people in much richer and faster ways. Learn how structured data markup can drive users to your content and services with rich cards on the Search results page. Google Search Engine Optimization Starter Guide - Following this guide will help you to increase your Google search page rankings. Mozilla Developer Network - The Mozilla Developer Network is a great resource for all Web/Mobile developers, especially open source Web/Mobile developers. ASCII Tables - This ASCII table lists ASCII character codes in hexadecimal and decimal formats. URIs, Addressability, and the use of HTTP GET and POST - This W3C article discusses when it is appropriate to use HTTP Get and when it is appropriate to use HTTP Post, and the architectural principles behind the separation of the two methods. ALA - A List Apart - An online industry trade magazine for people who make Websites. Some of the industries heaviest hitters, like Dan Cedorholm, Eric Meyer, and Jeffrey Zeldman to name a few, have written articles for A List Apart. How to Make a Living in the Web Industry - This is a short article by John Tabita which provides some very good insights on, as the title says, how to make a living in the Web industry. This article will helpful to anyone who is planning on starting and operating their own Web development business. Microformats - microformats are HTML for marking up people, organizations, events, locations, blog posts, products, reviews, resumes, recipes etc. Sites use microformats to publish a standard API that is consumed and used by search engines, browsers, and other web sites. See what-are-microformats for more. Schema.org - Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond. Schema.org vocabulary can be used with many different encodings, including RDFa, Microdata and JSON-LD. These vocabularies cover entities, relationships between entities and actions, and can easily be extended through a well-documented extension model. Over 10 million sites use Schema.org to markup their web pages and email messages. Many applications from Google, Microsoft, Pinterest, Yandex and others already use these vocabularies to power rich, extensible experiences. Web Application Security Consortium - A non-profit organization made up of an international group of experts, industry practitioners, and organizational representatives who produce open source and widely agreed upon best-practice security standards for the World Wide Web. Tables - Even though it is recommended that tables no longer be used to create Web page structures, they can still be used to present data in an organized manner on a Web page. Click here to view several good tutorials on tables from the site Dreamweaver FAQs. W3 Dev Campus - This Web site has Web training developed by the organization that oversees the Web - the World Wide Web Consortium (W3C). Chrome Removes Support for NPAPI - Google developer's guide providing Web developers with options for integrating non-NPAPI Web browser plugins for handling HTML elements like video and other. W3 Schools - A very helpful Web site for Web developers. It has tutorials for HTML, XHTML, CSS, JavaScript, XML, and many other Web technologies. Dave Ragget's Home Page - Dave Ragget is a member of the W3C team who has written numerous books and articles on Web developement. This page includes links to many of his publiscations. The 10 Types of Software Developers, Ranked - This YouTube video ranks and describes 10 different types of computer software developers. Have Single-Page Apps Ruined the Web? - Rich Harris discusses the pros and cons of single page apps (SPAs) and multiple page apps (MPAs) and offers a new Web application development paradigm, transitional applications. Length: 0:19:11 Rethinking Reactivity - Rich Harris Length: 0:36:44 ⇑ Table of Contents HTML 5/CSS 3 Links of Interest HTML5: Vocabulary and Associated APIs - This link will take you to the most current W3C Editor's draft of the HTML 5 language specification. Web Platform Docs - Web Platform Docs is a community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. HTML Content Categories - This MDN page is a good overview of the HTML content categories. Knowing which categories an element is grouped into will help developers recall the supported attributes and requirements of a particular element. W3C: Web Education Community Goup Wiki - This link will take you to the W3C's Web Education Community Group Wiki. A great resource for learning Web standards for HTML5, CSS3, and Web Accessibility. Responsive Web Design - This article is considered to be the seminole paper on the subject of Responsive Design. W3C: Standards for Web Applications on Mobile: current state and roadmap - This link will take you to the W3C's Web page which defines the latest standards for Web applications on mobile devices. A great resource for learning what the latest standards are with relation to mobile devices. HTML5 Rocks - This Website is a great resource for developers whether you want to use HTML5 to develop mobile apps, gaming sites, or business tools. Why You Should Build A Progressive Web App NOW - There’s been a lot of discussion about how to build a progressive web app but not a lot of discussion about why businesses should invest in them. Better user experience, faster performance, more engagement—Jason Grigsby explains why progressive web apps are no-brainers for most websites. Length: 0:42:28 Element Content Categories - This Web page is a tabular display of HTML elements organized into content categories. Regions & Exclusions - This video by Adobe explains and demonstrates how regions and exclusions will enhance text flow in HTML 5. Progressive Enhancement 101 - This article discusses the advantages of using progressive enhancement and how best to apply its principles to your HTML documents. Content Modeling: A Master Skill - This article discusses the how to use a content model to enhance the Web development process. Selectors Level 3 - This link will take you to the W3C's CSS 3 selectors recommendation. CSS 3 Backgrounds and Borders - This Web page from the World Wide Web Consortium (W3C) describes the background and border properties that will be available in CSS 3. The Number Input Type - This link will take you to an article on the HTML Goodies Web site about using type="number" for text inputs in HTML 5. Using the <dl> Code Block - This link will take you to an article which explains how to use the <dl> coding block and provides coding examples. HTML 5 Forms: How To Use The New Email, URL, and Telephone Input Types - This link will take you to an article on the HTML Goodies Web site which discusses all of the new form inputs available in HTML 5. HTML 5 Video Events and API - This page demonstrates the new HTML5 video element, its media API, and the media events. Play, pause, and seek in the entire video, change the volume, mute, change the playback rate (including going into negative values). See the effect on the video and on the underlying events and properties. HTML 5 Test - This link will take you to the HTML 5 TestWeb site which displays a tons of new HTML 5 and CSS features and whether or not the Web brwoser you're using suports the feature. HTML 5 Web Browser Readiness - This link will take you to the HTML 5 Readiness Web site which displays a list of new HTML 5 and CSS features and which versions of which Web browser support the new features. Can I Use - This link will take you to the Can i Use Web site which tracks which versions of which Web browsers (including Web browsers for mobile devices) support which of the new HTML 5, CSS 3, and SVG features. HTML5 Boilerplate - HTML5 Boilerplate helps you to build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package. HTML5 Video - This page demonstrates the new HTML5 video element, its media API, and the media events. Play, pause, and seek in the entire video, change the volume, mute, change the playback rate (including going into negative values). See the effect on the video and on the underlying events and properties. ⇑ Table of Contents CSS Links of Interest Can I Create Netflix’s Video Carousel UI? - Netflix has some incredible UI, but at the core of all its UI features is the video carousel. This is a simple looking piece of UI, but it is incredibly complex. In this video I attempt to recreate this UI component live for the first time. Length: 1:01:09 Can I Create Online Tutorial’s Magic CSS Indicator? - I recently saw the thumbnail for Online Tutorial’s video on a magic CSS nav and it really intrigued me. I was curious how they created the design and wanted to try to replicate it myself. That is where this video comes in. This is my first attempt at recreating their design and I am surprised how tricky yet simple the entire process is. Length: 1:04:15 Can I Create This Simple CSS Hover Animation? - This simple split text animation seems really straightforward, but it is more complicated than it looks. In this video I will be attempting to create this animation live for the first time ever. Length: 0:41:40 How To Create Animated CSS Cards - CSS cards are one of the most popular design patterns on the web. There are hundreds of different styles of cards, but they all share a few things in common. In this video I will show you how to create 4 different card styles and most importantly explain how you can expand upon these card styles to create your very own card designs. Length: 0:20:52 Learn CSS Position In 9 Minutes - Chances are you have heard of relative and absolute position in CSS, but did you know there are still three other positions? In this video I will be covering all five CSS positions (static, relative, absolute, fixed, and sticky) by showing you examples of each position and comparing them with each other. This video may be short, but I cover everything about each CSS position in this video, so you can learn everything you need to know about CSS position. By the end of this video you will have a deep understanding of the interactions between the different CSS positions, so you can effectively use them in your next project. Length: 0:09:25 You Can Use CSS To Style console.log! Length: 0:00:51 Can I Use - Use this Website when you want to know which browsers have or don;t have support for a certian CSS property. CSS Home Page - This link will take you to the CSS homepage at the World Wide Web Consortium Web site. The W3C is the official authority when it comes to CSS. You might say “They wrote the book on it” The CSS Cursor Property - This article from the Mozilla Developer's Network explains the usage of the CSS cursor property and has a list of the common Web browser cursor types. Understanding and Using rem Units in CSS - This Sitepoint tutorial provides a good explaination of why to use rem units and how to use rem units with CSS values. The History of CSS - by Bert Bos, co-inventor of CSS CSS Properties - This W3C wiki provides an alphbetized list of the current CSS properties hyperlinked to their W3C specification page. A great resource for learning CSS properties and their acceptable values. W3C on Selectors - Read the official Cascading Style Sheet specification as written by the World Wide Web Consortium, the creators of CSS. CSS 3 Backgrounds and Borders - This Web page is from the World Wide Web Consortium (W3C) who is already working on the development of CSS 3. CSS Gradient Background Maker - This Web page is from Microsoft's Internet Explorer Development team and is a simple tool for quickly building sophisticated gradient backgrounds for your Web pages using CSS. Using CSS to Center Things - This is a W3C article about how to use CSS2 to center text and objects on a Web page. Discussion on Selectors - Since 1998 Westciv has hosted one of the best places on the web to learn CSS and web standards. Dave Shea, of “CSS Zen Garden” fame calls it "the place to learn CSS". Banking On CSS Inheritance - An article on understanding and properly applying CSS styles using inheritance. Written by your textbook's author, David Sawyer McFarland. Using Style Sheets: Inheritance & Cascade - Style rules affect how elements are rendered, but what if no style rule matches an element? Or what if more than one rule applies? That's where the concepts of inheritance and cascade come into play. Inheritance: Friend and Foe - One of the most fundamental aspects of Cascading Style Sheets (CSS) is the concept of inheritance. This refers to the way in which a style is passed from an element to its children, so that styles appear to be consistent. This mechanism is indispensible, but it can also be a source of confusion and annoyance-especially if you aren't careful. We'll take a quick look at how inheritance works, and why some properties are inherited while others are not. Then we'll touch on a few ways in which inheritance can actually be an obstacle, albeit one which is easily overcome. Article written by Eric Meyer on the site Dr. Dobb's Journal. CSSOM View Module - Eric Meyer is considered to be one of the best when it comes to using CSS. Eric is a world renowned Web designer and author. A Redesign with CSS Shapes - By Eric Meyer October 04, 2016 . Here at An Event Apart (an A List Apart sibling) we recently refreshed the design of our “Why Should You Attend?” page, which had retained an older version of our site design and needed to be brought into alignment with the rest of the site. Along the way, we decided to enhance the page with some cutting-edge design techniques: non-rectangular float shapes and feature queries. Eric Meyer's Web site - Eric Meyer is considered to be one of the best when it comes to using CSS. Eric is a world renowned Web designer and author. CSS [Variable] Secrets - You may have heard about CSS Variables (aka CSS Custom Properties), but think it’s not something you can use yet. Plus, you already have your preprocessor pipeline in place, why should you care? This talk will show how CSS Variables are much more powerful than static preprocessor variables and can be used today without compromising progressive enhancement. You will also learn several creative tips and tricks to take full advantage of them. As is customary with Lea’s CSS talks, expect a swath of live demos to demonstrate the material. Length: 0:49:57 Golden Rules For Typography On The Web - Typography is what comes between the author and the reader. This is as true on the web as it is in any other medium. If a text has anything at all significant to say, it needs a typographer’s care, which will in turn be repaid by the reader’s attention. If you design websites or use CSS then you are a typographer whether you know it or not. This talk will give you will give a set of guidelines that deftly combine implementation details with typographic theory and set you on the road to designing beautiful and effective responsive typography. Length: 0:47:59 CSS Tools: Reset CSS - This is a CSS stylesheet created by Eric Meyer, the guru of CSS. W3C Media Queries - This Web page details how to target your style sheets to specific devices with certain features. The Evolution of CSS4 Color - This video introduces you to LAB color and demonstrates many of the color advancements found in CSS4. Length: 0:30:31 Creating Media Queries - The Web page is from Adobe's Dreamweaver CS 5.5 documentation and discusses how to target style sheets for different media types. CSS Grid: Moving From CSS Frameworks To CSS Grid (2018 and beyond) - This video shows you how to design Web sites using CSS Grid and suggest developers should move away from frameworks and write their own CSS grid code instead. Length: 0:21:19 CSS Design Samples “Little Boxes” - A great demonstration of using styles to define various page layouts instead of using tables. This clever site comes to us courtesy of Owen Briggs and the Noodle Incident. CSS Grid In Production - This video demopnstrates how to use CSS grid in production environments. Length: 0:15:39 Making Forms Fabulous with HTML5 - This is a great tutorial from the folks at HTML5Rocks on the new HTML input types and how to creatively apply styles to them. Creative Text Effects With CSS - o let’s have some fun with text! In this talk, the speaker will show you how to make effects with accessible, searchable, and selectable text (Without the need for complicated markup or JavaScript). Sometimes it’s easy to forget the power of CSS but there is a lot you can do with a little creativity. Length: 0:40:02 CSS Layout Techniques - This site is kind of a hodge podge of CSS techniques with an emphasis on CSS Layout. The site also has a ton of links to other CSS Webs sites. New CSS Features: Practical Examples - Watch this amazing talk by Rachel Andrew on the new features in CSS such as CSS Grid, Feature Queries, Exclusions and more! Length: 0:42:32 CSS As BYTECODE - Watch this amazing talk about the new Elm-based library Style Elements! The Style Elements library is a new set of primitives for working with layout and style in Elm. The most common goal when working with your view is usually to set or to adjust your layout. HTML and CSS make this difficult because there's no central place that represents your layout. You're generally forced to bounce back and forth between multiple definitions in multiple files in order to adjust layout, even though it's probably the most common thing you'll do. The Style Elements library makes layout a first class idea, which makes working with style and layout a breeze. Length: 0:26:59 CSS-Discuss Wiki - You'll find a wealth of wisdom at this site; including: tips, tricks, and resources for solving many common CSS problems. W3 Schools CSS Tutorial - This link will take you to a very good tutorial on Cascading Style Sheets from W3 Schools. W3 Schools offers free tutorials on a multitude of technology-based subjects. Zen Garden - This link will open the CSS Zen Garden web site. As your book says "the preeminent showcase for CSS-based layout, has caused many a Web designer to bow down and proclaim - “I am not worthy”. CSS Values and Units Module Level 3 - This is a recommendation (7-30-2013) by the W3C which describes the common values and units that CSS properties accept and the syntax used for describing them in CSS property definitions. More CSS Site Links - For a great list of CSS-related sites, visit the Information and Technology Systems and Services site at the University of Minnesota, Duluth. Learn CSS Specificity In 11 Minutes - CSS specificity is the best and worst part of CSS. It allows you to do some incredible things with CSS especially with variables and responsive design, but when you are first starting out with CSS it is a nightmare trying to figure out how to properly overwrite styles. In this video I will be breaking down absolutely everything you need to know about CSS specificity in only 11 minutes so you can spend your time writing CSS instead of watching YouTube videos. We cover exactly what effects CSS specificity and how to calculate the specificity of a selector through the use of multiple examples so you can quickly comprehend all the complexities of CSS specificity. Length: 0:11:25 Learn Every CSS Selector In 20 Minutes - FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specific... The hardest part of learning CSS is not knowing what is available to use. There are so many selectors and properties to remember and it is impossible to keep them all in your head. Luckily for you, in this video I am going to show you every single CSS selector that you need to know so you will never feel stuck with selectors again. There are a ton of selectors in this video and they are all important to know so make sure you stick around until the end to learn them all. Length: 0:19:37 Learn CSS in 20 Minutes - In this video we will cover everything you need to know to get up and running with CSS in only 20 minutes. We will cover CSS syntax, how to add CSS to your HTML, CSS colors, CSS units, the box model, and best practices for CSS walking through a full example of CSS being used to style an HTML page. By the end of this video you will know enough about CSS to style any basic web pages in your own projects! Length: 0:23:43 5 More Must Know CSS Tricks That Almost Nobody Knows - CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html CSS is a vast language with tons of features and it is impossible to know them all. In this video I will be covering another 5 features in CSS that nobody knows but are incredibly useful. Length: 0:12:10 CSS Variables Tutorial - One of the biggest problems with CSS for many years was the lack of variables. Pre-processors like SASS and LESS were used to solve this problem, but now CSS has its own variable system! In this video I will be breaking down exactly how CSS variables work. We will be covering their syntax, use cases, and how to use them in JavaScript. In the end of this video we will have a fully functioning, albeit ugly, website with theme swapping buttons. Length: 0:08:55 The Forgotten CSS Position - Everyone knows how to use relative, absolute, and fixed positioning in CSS, but most people don't even know about the amazing sticky position. Sticky position is a unique hybrid between relative and fixed position and makes creating elements that only act liked fixed elements after they are scrolled to a certain point incredibly easy. This used to be something that could only be accomplished in JavaScript, but sticky position makes it possible in CSS, and is much better for web performance. Length: 0:07:27 Block Element Modifier - Naming things in CSS can be tough, especially as sites get bigger and style sheets longer. This Web site can help solve that problem. BEM — Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development Another 5 Must Know CSS Tricks That Almost Nobody Knows - CSS is a vast language with tons of features and it is impossible to know them all. In this video I will be covering another 5 features in CSS that nobody knows but are incredibly useful. Length: 0:15:12 Citizens Design System CSS Naming Conventions - This site offers a variaiton on the BEM CSS naming system. CSS Naming Conventions - Another site which offers a technique for creating a CSS naming convention. CSS Naming Conventions that Will Save You Hours of Debugging - An article by Emmanuel Ohans on how to save time using CSS naming conventions and how the BEM system works. Stuff and Nonsense - A blog by Andy Clark which covers a lot of interesting topics inclusing CSS. Simple Bits - A blog by Dan Cederholm who authors lots of posts about CSS and Web deveopment. Zeldman Web - A Web site developed by author Jeffery Zeldman who writes about Web development and CSS. Web Simplied CSS Tutorials - A good collection of video tutorials for beginners and more advanced Web developers to learn CSS. ⇑ Table of Contents JavaScript Links of Interest 2023 Complete JavaScript Roadmap - From Zero To Mid-Level Developer 5 Javascript Projects to Build (For Beginners) Actually Understanding Asynchronous JavaScript - Reasoning about asynchronous code can be hard if you don’t understand the mechanics. It often trips up programmers with deep experience in other languages when they try their hand at client or server-side JavaScript. But, asynchronous JavaScript isn’t as hard as it seems once you learn a few simple rules about how it works. In this talk, we’ll dive into the mechanics of concepts that you might have had a chance to full grok. Let’s dispel this confusion once and for all. We’ll explore some metaphors that illustrate the difference between how synchronous and asynchronous code execute. In a 30-minute tour de force, we’ll dive into essential concepts like the call stack and the event loop to build a solid conceptual understanding of how the asynchronous model is implemented. We’ll take a good hard look at a number of common patterns for writing asynchronous code in JavaScript. We’ll start with listening for events on XMLHttpRequest before abstracting that mess with callbacks and promises. We’ll pull back the curtain and see that async/await is really just a cocktail of promises and generators. Finally, we’ll lightly touch upon some more boutique approaches like CSP and shooting messages back and forth between the main and worker threads. Length: 0:29:08 Build the future of the web with modern JavaScript (Google I/O ’18) - This presentation gives an overview of cutting-edge JavaScript development techniques to build modern web and Node.js apps. Discover which features to expect in Chrome and Node.js soon, how the V8 engine optimizes for them, and how to improve real-world performance and stability on the Web and in Node.js. Length: 0:39:51 How To Build A Flashcard Quiz With React - In this video I am going to show you how to build a flashcard quiz application using React while connecting to an external API. We are also going to explore some fancy animations with CSS which really make this application pop. Length: 0:51:04 How To Build Sortable Drag & Drop With Vanilla Javascript - Drag and drop is something that nearly every web application needs, but it can be tricky to build from scratch. That is why in this video I will be showing you exactly how to build a sortable drag and drop list with very little JavaScript. Length: 0:22:21 How To Build Your First TypeScript Project - TODO List Application - It is finally time that I create a full TypeScript project. In this video I show you how to create an entire TODO list application in TypeScript. I also show you how to get started with TypeScript in both a basic and advanced way. Length: 0:28:29 How To Create A 7 Figure Business Idea In One Hour - Wordle is a game that has taken over the internet. With the popularity of the game you would think it would be a complex and large project, but in reality you can build the entirety of Wordle in very little time. In this tutorial I will show you how to create a Wordle clone complete with all animations and effects. Length: 0:59:45 If You Want To Be An Advanced Game Developer Build This Project - 2048 is a simple game at first glance, but the amount of logic and planning that goes into creating it is quite advanced. This is why I find this to be a perfect game dev project for any developer looking to go from beginner to advanced. Length: 0:59:53 Keep Betting On JavaScript - Brendan Eich's famous quip, 'Always Bet On JavaScript', revels in JS's history of naysayers predicting that we'd eventually reach a point where JS couldn't grow to meet the demands of modern development; it turns out those have always been bad bets. It's safe to say JS is no longer trying to prove itself. It has arrived. Even if it was once a 'dumb kid brother' to something like Java, it's now fully a first class citizen in the programming language ecosystem. JS is certainly not the only dominant language or the 'best tool' for every situation. But increasingly, most tech stacks have it as a central part of their strategy. We'll look forward at the bets we continue placing on JS and the web, by first looking back at how far we've come and what those steps looked like. From these lessons, we can gaze into the distance and see what the path ahead may look like. Length: 0:40:10 Learn JavaScript Touch Events In 17 Minutes - Mobile responsive design is something everyone focuses on with CSS, but touch events are something almost no one takes the time to implement. In this video I will show you how to get started with touch events, how to connect your phone to your computer for debugging, and overall how to make working with touch events easy. Length: 0:17:44 Learn Resize Observer In 5 Minutes - Resize Observer is an amazing tool in JavaScript that allows you to easily and efficiently do complex media query style calculations. What makes resize observer especially powerful is the fact that it can do things media queries cannot do such as container queries. Length: 0:05:47 Learn Web Components In 25 Minutes Modern JavaScript: Moving Beyond jQuery - Are you scared of JavaScript? Have you used jQuery but struggle with integrating JavaScript with your PHP application? This talk will help you understand how to use JavaScript effectively in your existing web pages and PHP applications. We will explore different ways to write and structure your JavaScript code and how this code can interact with your back end code via JSON. You will also learn about the model-view-view model pattern to create more reusable, understandable, and testable code. Length: 0:42:35 STOP Learning These Programming Languages (for Beginners) - Stop trying to learn every programming language. In this video I'm going to tell you which languages you should avoid (if you're new to programming). Length: 0:05:24 Stop Wasting Your Time - Use These 16 JS Utility Functions Instead - I have made tons of videos on small, useful React custom hooks, but I have never covered any useful JavaScript utilities. That changes today. In this video I cover 16 amazing utility functions in JavaScript that span across 3 major categories. These functions will make working with the DOM, arrays, formatting, and more even easier. Length: 0:17:09 The Long Road to Async/Await in JavaScript - The Long Road to Async/Await in JavaScript: This is a comparison of different methods for performing asynchronous control flow in JavaScript, specifically Callbacks, Promises, Generators / Yields (ES2015), and Async / Await (ES2016). We will explore a simple code example as it applies to each of these different "phases" of asynchronous control flow. Finally we'll examine how Async functions are just Promises under the hood and that the two are interoperable. Thomas Hunter II is passionate about technology and building products. A web design business created while attending college slowly evolved into a brick and mortar on Main St. of his small Midwestern hometown. His desire for fame and fortune led to the co-founding of a Y Combinator startup and a life in California. Length: 0:33:47 Web Assembly: A Gamer Changer for the Web - This is a short video from Mozilla.org explaing what Web Assembly is, how it works, and its potential impact on the future of the Web and computing. Length: 0:06:12 WebAssembly Demo: Zen Garden (Epic) - This is a video of Epic's "Zen Garden" demo running in Firefox. The demo is built with WebAssembly and WebGL 2, both emerging standards that enable amazing video games and applications in the browser. Get the latest news on what Mozilla is doing with WebAssembly here: https://mzl.la/webassembly Length: 0:00:40 Interview With Brendan Eich - In this video, IEEE correspondent Charles Severance interviews Brenden Eich the creator of JavaScript. Length: 0:17:54 Document Object Model Tutorial - This tutorial explains the document object model API and provides Javascript examples of how to apply it to an HTML document. let - This MDN tutorial shows a good example of how the keyword let creates variables that are of block scope. Scheduling: setTimeout and setInterval - This is an excellent Web-based tutorial coving the use of the setTimeout and setInterval methods in JavaScript. Using strict Mode in JavaScript - This is a great Web-based article from the MOzilla Developer's Network which explains the use of JavaScript's strict mode. Article on Brendan Eich - This link takes to an IEEE article written by Charles Severance on his interview with Brendan Eich. Comparison of JavaScript Frameworks - This is a Wikipedia article which does a thorough job of documenting current JavaScript Framework capabilities and compatibilities. JavaScript: Understanding the Weird Parts - The First 3.5 Hours - This is an outstanding 3 1/2 hour video which explains the inner-workings of JavaScript that every developer should know. Length: 3:32:47 Programming Windows Store Apps with HTML, CSS, and JavaScript - This is a FREE eBook from Microsoft on how to create Windows store apps using HTML5, CSS3, and JavaScript. Brenden Eich - A Brief History of JavaScript - For his 3rd dotJS appearance, Brendan give us insights into the process of standardisation of JavaScript at TC39, then covers some of the features of ES Next, and reminds us once again why we should always bet on JS Length: 0:17:54 WebAssembly and the Death of JavaScript - For more than 20 years JavaScript has been the only 'native' language of the web. That's all changed with the release of WebAssembly. This talk will look at what WebAssembly is, why it matters and crucially what it means for JavaScript and the future of web development. Length: 0:40:05 ECMA Script Compatibility Table - This link will take you to a comprhensive table which displays which features and versions of ECMA Script (JavaScript) are compitable with just about every conceivable compiler, Web browsers, and runtime available. Ecmascript - ECMA is the organization that maintains the JavaScript language which they refer to as ECMAScript. On this MDN Web page you will find information about all of the ECMA versions of JavaScript (ECMAScript). JavaScript Guide - The JavaScript Guide shows you how to use JavaScript and gives an overview of the language. for - This is a JavaScript reference document from the Mozilla Developers' Network explaining how to use a for loop and the scope of the counter variable. MDN JavaScript Reference - This link takes you to the homepage for the Mozilla Developer's Network JavScript Reference. Concatenate - A humorous instructional video by Professor Bennett designed to help scholars learn to spell and define the word concatenate. JavaScript for Web Designers: DOM Scripting - An excerpt from Chapter 5 of Mat Marquis' new book, JavaScript for Web Designers. Date Object - This MDN Web page lists the syntax, constants and functions provided by the JavaScript Math object. Math Object - This MDN Web page lists the syntax, constants and functions provided by the JavaScript Math object. Immediate Functions in JavaScript – The Basics - Functions are a very pwerful feature in JavaScript; they provide modularity and scope. The immediate function is an often overlooked feature of JavaScript that offers a heightened level of functionality JSLint - JSLint (http://jslint.com) is a JavaScript code quality tool created by Douglas Crockford that inspects your code and warns about potential problems. It’s highly recommended that you run your code through JSLint. The tool “will hurt your feelings” as its creator warns, but only in the beginning. You can quickly learn from your mistakes and adopt the essential habits of a professional JavaScript programmer. Having no JSLint error in your code also helps you be more confident in the code, knowing that you didn’t make a simple omission or syntax error in a hurry. quirksmode - This Web site is a prime source for Web browser compatibility information. Object Detection vs. Browser Detection - This article from the Web site Quirksmode discusses why the W3C recommends against using browser detection schemes as a method for determining the ability of a particular Web browser to view a Web page on your Web site. Code Conventions for the JavaScript Programming Language - This presents a list of best coding practices. JSLint - JSLint is an online JavaScript code validation tool. JavaScript Shell - JavaScript Shell is an online interteractive JavaScript coding shell. JavaScript Runner - JavaScript Runner let's you type out JavaScript code and run it within your Web borwser. Web Browser Compatibility Table - View this table to learn what features of JavaScript 5 are supported by which Web browsers. The Complexity of Modern Programming Languages - This article discusses current research about the complexity of programming languages. The author's conclusion is that JavaScript is the more complex of the modern-day programming languages. JavaScript Complexities - This tutorial highlights the complexities of JavaScript and extols its virtues as a tool for critical thinking. Def-Logic - Cool arcades games developed by Brent Silby and Scott Porter the creator of the JavaScript game library gamelib. These games are all created using only HTML, CSS, and JavaScript. JavaScript Gaming - This is a Web archive of the original JavaScript Gaming Web site created by Jacob Sidelin. Another 5 Must Know JavaScript Features That Almost Nobody Knows - JavaScript is a vast language with tons of features and it is impossible to know them all. In this video I will be covering yet another 5 features in JavaScript that nobody knows but are incredibly useful. Length: 0:22:41 Why I Never Write Long Functions - I only write small functions. You may think this means I have a hard line limit on my functions, but actually I think that is a terrible idea. Instead I make my functions so they can be read even by someone with no programming experience. Length: 0:09:28 FreeCiv - Freeciv is a Free and Open Source empire-building strategy game written in HTML, CSS, and JavaScript, inspired by the history of human civilization. The game commences in prehistory and your mission is to lead your tribe from the Stone Age to the Space Age. Freeciv can be played online in your web-browser for free. Learn Dynamic Module Imports In 11 Minutes - Most people are familiar with standard ES6 module imports in JavaScript, but did you know that you can also do dynamic module imports as well. These imports are perfect for code splitting, and speeding up your page load speeds. In this video I will explain everything you need to know about dynamic module imports with in depth real world examples. Length: 0:11:36 JavaScript Linting: What Developers Need to Know - This article by Mike Cavaliere explains why JavaScript developers should have a JS linting tool in their toolbox. Learn JavaScript Array Reduce In 10 Minutes - By far the most difficult JavaScript array method to learn is the reduce method. It combines together many concepts from other array methods, but also acts in a completely different way. In this video I will be going in depth over everything you need to know about this method so you can start using it in your next project. Length: 0:10:21 How To Build A Minesweeper Clone With JavaScript - Minesweeper is a classic game that is actually pretty simple to create. In this video I show you how to create a Minesweeper clone using plain JavaScript. Length: 0:43:13 ⇑ Table of Contents jQuery Links of Interest jQuery Core 1.9 Upgrade Guide - As the title suggests this page documents the changes made in jQuery 1.9 including deprecated methods with alternative solutions provided. jQuery UI - A sandbox page to test and learn how to code jQuery UI interactions, widgets, effects, and utilities. $(document).ready() Internet Authoring jQuery Tutorial ⇑ Table of Contents Angular Links of Interest AngularJS Developer's Site - AngularJS is an open-source JavaScript framework developed by Google. This link will take you to the AngularJS developer's Web site. ⇑ Table of Contents ASP.NET Links of Interest ASP.NET MVC Data Access in C# - The complete data path from database to display and back - Tutorials are excellent at teaching you about a piece of the overall development puzzle but sometimes you want to take a step back and look at the bigger picture. That way you can see where those puzzle pieces you have been collecting fit into place. This video is going to be that bigger picture overview. We are going to build a small demo of an MVC application and its accompanying database. We will set up a form to collect data, capture that data, and put it into our database. We will then get that data back out of our database and display it on another form. The goal is to show the data access process from beginning to end in ASP.NET MVC. This won't be a full application and we won't complete the full process, since we won't be putting this in source control, we won't be deploying this application, and we won't be setting up authentication. Length: 1:15:54 Introduction to ASP.NET MVC in C#: Basics, Advanced Topics, Tips, Tricks, Best Practices, and More - In this video, I walk you through ASP.NET MVC. I show you what it is, how to configure it, how to set it up, what all of the different files represent, and more. Learn about the best practices surrounding MVC along the way. Length: 1:41:27 Simple C# Data Access with Dapper and SQL - Minimal API Project Part 1 - Minimal APIs are now the default in .NET 6. I thought that we should take some time and look at what they are, how they work, and what they might look like in the real world. To that end, we are going to spend two videos covering this topic. This video will cover setting up a SQL database and configuring Dapper for easy data access. We will set up a simple but full CRUD data layer so that when we build our minimal API in part two, we can concentrate on the API itself and not the setup. The great thing is that this lesson will work with almost any user interface, not just a minimal API. Length: 1:14:07 Advanced Dapper in C# - SQL Transactions, Mulitple DataSets, UDTs, and more - If you have watched any of my videos that include data access, you are probably familiar with Dapper. Dapper is a micro-ORM built by the team behind Stack Overflow for the purpose of getting data in and out of databases. It is quick, easy to use, and easy to debug. In this video, I am going to cover some of the advanced scenarios that you can use Dapper with including User Defined Table Types, Transactions, multiple data sets and more. Length: 0:44:07 ASP.NET - The official site for the ASP.NET framework. ASP.NET on MSDN - ASP.NET on the Microsoft Developer's Network (MSDN) website. ASP.NET Documentation - Home page for the ASP.NET Documentation Web site. Getting started with ASP.NET Core MVC and Visual Studio - This tutorial will teach you the basics of building an ASP.NET Core MVC web app using Visual Studio 2017. ASP.NET Web Forms - The Home page for ASP.NET Web Forms Introducing ASP.NET 5 and Web Tooling - This video hosted by Scott Hunter covers the newest features available in asp.net 5. Introduction to ASP.NET Core - ASP.NET Core is a significant redesign of ASP.NET. This topic introduces the new concepts in ASP.NET Core and explains how they help you develop modern web apps. Web Application Architecture Pocket Guide - This link will take you to a handy PDF file written by Microsoft programmers on the subject of Web Architecture. The ASP.NET Page Life Cycle ASP.NET Community Standup - Whatever is happening in the world of ASP.NET can be found here in a video hosted by many of the ASP.NET coders. ASP.NET Site Navigation - You can use ASP.NET site-navigation features to provide a consistent way for users to navigate your site. As your site grows, and as you move pages around in the site, it can become difficult to manage all of the links. ASP.NET site navigation enables you to store links to all of your pages in a central location, and render those links in lists or navigation menus on each page by including a specific Web server control. Using HTTPContext Objects - The HttpContext object is automatically constructed for every request given to an ASP.NET application and destroyed when the request has been completed. While it exists, detailed information can be retrieved and sometimes changed relating to the request. The HttpContext objects commonly called the intrinsic objects are: • Response • Request • Server • Application • Session. Routing - ASP.NET routing enables you to use URLs that do not have to map to specific files in a Web site. Because the URL does not have to map to a file, you can use URLs that are descriptive of the user's action and therefore are more easily understood by users. ViewState - Scott Mitchell looks at the benefits of and confusion around View State in Microsoft® ASP.NET. In addition, he shows you how you can interpret (and protect) the data stored in View State. Web Configuration Guidelines - ASP.NET enables you to specify configuration settings that affect all Web applications on a server, that affect only a single application, that affect individual pages, or that affect individual folders in a Web application. You can make configuration settings for features such as compiler options, debugging, user authentication, error-message display, connection strings, and more. ASP.NET Dynamic Data Scaffolding - ASP.NET Dynamic Data lets you create extensible data-driven Web applications by using predefined elements for viewing and editing data. These elements, along with a data model, provide a flexible environment for building and customizing ASP.NET Web applications. ADO Programmer's Reference - This link will take you to the MSDN ADO Programmer's Reference home page. This site is helpful for developers working with classic ASP Web sites and ODBC connections. Parameter Types - This Web-based tutorial explains how to use parameters with data source controls for filtering and includes a table of parameter types. SqlDataSource Web Server Control Overview - This link takes you to a MSDN Overview page describing how to implement a SQLDataSoucre Web server control into an ASP.NET Web form. Data-Binding Expressions - This link takes you to the Overview page for Data-binding expressions on the ASP.NET Web site. ASP.NET WEB API - This PDF shows how an HTTP request flows through the Web API pipeline, and how the HTTP response flows back. The diagram also shows extensibility points, where you can add custom code or even replace the default behavior entirely. You can find documentation and tutorials for ASP.NET Web API at http://www.asp.net/web-api. How to Add an HTML Editor to a FormView Control - In this ASP.NET forum you will find instructions on how to add an HTML editor to your ASP.NET Web Forms FormView control. Using Browser Link in ASP.NET Core - This MSDN document teahces you how to setup Browser Link in Visual Studio for use with ASP.NET Core applications. Client-Side development in ASP.NET Core - This MSDN document provides a list of links to articles about technologies used to build front-end clients using ASP.NET Core. ⇑ Table of Contents ASP Links of Interest ASP 101 - An ASP developers' community. Power ASP - An ASP community and a good source for code snippets. ⇑ Table of Contents Razor Links of Interest Using Razor with ASP.NET - This link takes you to the introductory page for a Microsoft Web-based tutorial titled Introduction to ASP.NET Web Programming Using the Razor Syntax (C#). ⇑ Table of Contents SQL Links of Interest Books Online for SQL Server 2016 SQL Server Language Reference SQL Server Security - This is a tutorial from the Microsoft Developers' Network on SQL Security. SQLCMD - Syntax for using SQLCMD mode in Query Editor or just SQLCMD from a command line. Data Type Mapping for Oracle Publishers How to: Upgrade to LocalDB or Continue with SQL Server Express How to: Configure the Windows Firewall to Allow SQL Server Access SQL Injection Database First Migration Video - This video demonstrates how to use Visual Studio to create a Web site using database first migration. Oracle to MS SQL Script Conversion - This video demonstrates how to convert an Oracle SQL script, used in Bil Bergin's CSIS 124A class to a Microsoft SQL script. ⇑ Table of Contents XML Links of Interest XML @ W3C - The same folks who are responsible for HTML, XHTML, and CSS standards are also responsible for the development of the XML standard. XML.COM - Book publisher O'Reilly maintains this Web site of resources on XML technologies. XML @ W3 Schools - W3 Schools offers some excellent online tutorials for free on their Web site. This link will lead you to their tutorial on XML. XML.ORG - XML.org serves as an online community gathering place for those interested and involved in XML-related standards and specifications. XML on MSDN - There is a lot of information on XML to be found here on the Microsoft Developers Network (MSDN). ⇑ Table of Contents Windows Development Links of Interest Application Architecture Guide v2 Poster Windows Development Center Windows Development Design Center HTML/CSS for Windows Runtime apps - These libraries and API represent the subset of HTML and Cascading Style Sheets (CSS) used to build Windows Runtime apps using JavaScript. Microsoft Data Developer Center Microsoft Virtual Academy - This link will take you to the home page of the Microsoft Virtual Academy where you will find free lessons on numerous Microsoft technologies including Windows 10, cloud development, game development, Web development, database development, C#/XAML, Visual Studio, Xamarin resources, and tutorials for beginners. Develop UWP apps - How-to articles for UWP apps on Windows 10 Guide to Universal Windows Platform (UWP) Apps - This link will take you to the Microsoft Windows Dev Guide for creating universal windows platform (UWP) apps. HTML/CSS for Windows Runtime Apps - This link will take you to the Microsoft Windows Dev page which lists links for many reference topics related to Windows app development using HTML5/CSS3/JavaScript. ⇑ Table of Contents C# Links of Interest .NET 7 Update: Raw String Literals in 10 Minutes or Less - Raw string literals are here in C# 11. And while they look wild, they actually have a good reason for existing. Let's see them in action in this 10-Minute Training video. Length: 0:10:16 How to connect C# to SQL (the easy way) - Learn how to connect to SQL from C# the easy way, using a micro-ORM called Dapper (built by the Stack Overflow team). See how easy it is to get data in and out of SQL without complicated generated code or messy DataTables. Length: 1:20:39 NET 7 Update: List Patterns in 10 Minutes or Less - In C# 11, we now have pattern matching on Lists, and it is awesome. Let's see it in action in this 10-Minute Training video. Length: 0:09:59 $ - string interpolation (C# reference) - This article covers how to use string interpolation in C# code. C# console app template generates top-level statements - This article explains the changes made to the C# templates in Visual Studio starting with .NET 6. C# formatting options - This article covers the formatting options available to C# code. Composite formatting - This article covers how to implement composite formatting in C# code. Overview: How to format numbers, dates, enums, and other types in .NET - This article covers the process of converting an instance of a class or structure, or an enumeration value, to a string representation.. Serialization in .NET - This article covers the process of converting the state of an object into a form that can be persisted or transported. The complement of serialization is deserialization, which converts a stream into an object. Together, these processes allow data to be stored and transferred. The History of C# - This article provides a history of each major release of the C# language. Microsoft Application Architecture Guide, 2nd Edition - This link will take you to a page on the Microsoft.com Web site which has a Download button you can click on to download the Microsoft Application Architecture Guide, 2nd Edition. This guide, updated in 2009, provides the reader with in-depth explanations of the recommended principles for designing and developing modern-day application architectures based on the .NET framework. Windows Dev Center - The Windows Developer Center is a good resource for learning about all things Microsoft when it comes to their application development technologies. Microsoft Developer Network - The Microsoft Developer Network is a good resource for documentation on Microsoft APIs and language references. C# Programming Guide - This Microsoft Developer Network (MSDN) page will help guide you through the C# programming process. C# Reference - This Microsoft Developer Network (MSDN) page will help guide you through the C# programming language. C# Helper - Rod Stephens is a writing of numerous programming books. This is a link to his Web site where you will find numerous C# coding examples. C# Keywords - This Microsoft Developer Network (MSDN) page lists all of the keywords that are part of the C# programming language. .NET Framework Class Library - This link will take you to the MSDN home page for the .NET framework class library. .NET Framework Development Guide - This link will take you to an MSDN page which explains how to create, configure, debug, secure, and deploy your .NET Framework apps. The section also provides information about technology areas such as dynamic programming, interoperability, extensibility, memory management, and threading. Understanding the stack and heap in .NET Programming - This is a good YouTube video which describes how reference variables and the instances they point to are allocated on the stack and the heap of managed memory. .NET Framework 4.6 and 4.5 Design Guidelines - This link will take you to an MSDN page which divides the Microsoft .NET framework design guidlines into several sections: Naming Guidelines, Type Design Guidelines, Designing for Extensibility, Design Guidelines for Exceptions, Usage Guidelines, and Common Design Patterns. Events (C# Programming Guide) - This page is an overview of Events in C# and has some good links to additional resources for learning more abour Events. How to Create Classes and Objects in Visual C# - This step-by-step article shows you how to create a new class in C# to represent a baseball team. You will define fields, methods, and properties for the class. You will then create an object of this class type and make use of its methods and properties. Constructor Design - This MSDN page provides valuable information and advice on how to best design constructors in your C# projects. Enum - This link will take you to the C# reference page for the enum keyword on the MSDN Web site. ThreadPool Class - This link will take you to the C# reference page for the ThreadPool class on the MSDN Web site. Task Class - This link will take you to the C# reference page for the Task class on the MSDN Web site. An Introduction to C# - This link will take you to a C# technical article which explains the problem space generics address and how to implement them into your code. Entity Framework - This CIS Web page provides a tutorial as well as numerous learning resources related to the Entity Framework. 101 LINQ Samples - A really nice repository of code samples on the Microsoft Developer Network Web site that you can download and use to gain a better understanding of LINQ and how to use it with SQL, DataSets, and XML. The Repository Pattern - Using a repository pattern when designing the architecture of your application provides an intermediary layer that hides the implementation of data access from your Business Logic layer - also known as dependency injection. The Liskov Substitution Principle - The Lsikov Substitution Principle is one of the SOLID design principles used in software architecture design and is a principle that all app developers should be aware when creating custom classes for their software projects. Guidelines for Universal Windows Platform (UWP) Apps - Use this index of guidelines to help you design a great Universal Windows Platform (UWP) app. What is Serialization? - This link will take you to a StackOverflow forum which includes a well-written concise explanation of what serialization is and it provides examples of when you would use it. C# Developer Code Samples - This link will take you to the MSDN page which offers a plethora of C# developer code samples. C# Corner - C# Corner is a developer forum where C# developers can stop on top of the latest C# topics. C# Corner (Visual Studio Magazine) - Visual Studio's C# Corner page offers up-to-date information about cutting-edge technologies at the forefront of the .NET framework development arena. Nullable Types - This link will take you to the MSDN page which defines and explains nullable types. Interpolated Strings - This MSDN document explains how to use the new C# 6 interpolated strings feature. ⇑ Table of Contents