Tutorials - Overview
This page provides a brief overview of the technologies for which I have published tutorials. Click on the Tutorials link (above) to see the actual tutorials.
Front End (Client Side)
Web Design (HTML, CSS)
- HTML is a language that enables you to structure content (e.g., text, pictures) and CSS is a language that lets you style that content. Using these two languages, a web designer can create an appealing and compelling web site. While HTML is very simple, CSS has become more and more complex as it expands to provide more and more features to enhance the look and feel of a web site.
- Click here for my very basic Web Design tutorials where you'll find selected links to W3Schools introductory material, information about how to debug, some of my sample code, and suggestions about how to work with images and colors.
Responsive Web Design
- Responsive Web Design means designing web pages so that users have a good experience, regardless of the size of their viewing device. Bootstrap is a very popular CSS framework that many web developers use today for creating responsive web pages.
- Click here for my Responsive Web Design tutorial, which is based on a Google tutorial. This tutorial explains the basic techniques that Bootstrap (or you) can use to easily create simple responsive web pages. Code examples are published (so you can see how pages look and behave depending on browser width). Sample code is provided (so it is easy for you to start experimenting).
- Click here for my jQuery tutorials. You'll find selected links to W3Schools basic introductory tutorial material, information about how to debug jQuery, links to more advanced tutorials, and some sample jQuery code that I implemented.
- Click here to learn more about AJAX. You'll find selected links to W3Schools basic introductory tutorial material, information about how to debug AJAX, links to more advanced tutorials (from TutorialsPoint.com), and some sample AJAX code that I implemented.
Data Persistence using Firebase (AJAX and JSON)
- Click here to see sample code that uses firebase to achieve data persistence. Firebase is like being able to use local storage (where you can save and retrieve JSON data) but the data is stored on the internet instead of on your local machine. After extracting this zip file, you should be able to past into the Web Pages folder in NetBeans and then run the index file.
- Click here to learn more about AngularJS. You'll find selected links to W3Schools basic introductory tutorial material, information about how to debug AJAX, links to more advanced tutorials (from TutorialsPoint.com), and some sample AJAX code that I implemented.
Back End (Server Side)
- Java is an object oriented language that lets you write applications (e.g., windows applications) or web applets.
- Click here for my java tutorials. You'll find a tutorial that tells you how to download and install eclipse (a much nicer way to develop java code). There are also some nice examples of various basic programming constructs: if, while, handling exceptions, and formatting numbers. Not to mention a monster shooter game. If you are a stoic and want to see how people used to code in java, there is a tutorial that shows you how to connect to a unix remote computer, use the pico editor, compile your program with javac, and then execute your compiled java program.
- JSP is one of the many ways you can write a web application (i.e., a business application that runs inside a browser). Other ways are shown below (e.g., PHP, Dot Net, ...
- Click here for my JSP tutorials that show you how to get started setting up your own integrated development environment by installing from a single file -- the NetBeans bundle. There are many "how to" documents and many JSP labs that show you how to write JSP applications that enable the user to Create, Read, Update, and Delete records from a database. .
- PHP is one of the first server languages to be used for web sites. PHP is often available from inexpensive web hosters. For these reasons PHP has historically been used by small businesses. However, PHP has been improving itself, as a language, and it is starting to be used for higher traffic web sites.
- Click here for my PHP tutorials which are associated with my course CIS 1052 Introduction to Web Technology and Programming
C# Web Applications using Microsoft Visual Studio
- A Web Application is typically a business application that interfaces with a database and runs inside the user's browser.
- Visual Studio is a Microsoft IDE (program-Interactive Development Environment) that lets you write web applications or windows applications (& more), using a number of different computer languages such as VB and C#.
- C# is a Microsoft computer language that is almost exactly like java.
- Click here for my C# web application tutorials (about 10 of them).
A Database Management System (DBMS) is software that lets you design a database, store data (and stored procedures) and extract information. DBMSs also provide extensive backup/restore functionality, as well as rich security features (e.g., creating database users with varying levels of access).
MySql Database Management System (open source)
- MySql is an open source DBMS (database management system) that is usually provided (free of charge) by affordable web hosters. Typically the web hosters provide you with access to "phpMyAdmin" which provides a nicer interface than the plain MySql command line interface.
- MySqlWorkbench is open source software that provides an even better user interface to the MySql DBMS and it is easy to install on your computer at home.
- Click here for MySql tutorials. You'll find a tutorial that helps you install the software (MySql and MySqlWorkbench). There's also a basic tutorial that guides you through creating tables (with Primary Keys), entering data, and extracting data. Another tutorial helps you reverse engineer a data model, add foreign key relationships, add data (now with FK constraints added), and extract data from multiple tables (called "joining data").
Microsoft Sql Server
- SQL Server is a Microsoft database management system (DBMS). While it used to be used only for smaller applications, it has grown in capabilities and it is probably the most widely used database in industry today. It is MUCH more affordable than its larger competitor (Oracle).
- Click here for my SQL Server tutorials (includes stored procedures, triggers, and a tutorial for a C# Windows Application with database update).
- Dreamweaver is software (from Adobe) that helps you create and maintain a web site using a WYSIWYG interface (like Word) where you can drag and drop elements and/or use menu items instead of having to write HTML/CSS code. It also has convenient functionality that assists with publishing. Click here for my Dreamweaver tutorials (about 10) if you want to get started creating a basic web site.
Scratch: teach your kids how to write computer games !
- Scratch is a fun computer language that engages young people as they learn the basics of computer programming. Using Scratch, novice programmers can easily program computer games, animate music, stories, or artwork. When they complete a Scratch project, they can easily share it by publishing the project to the scratch website. Scratch can be downloaded & installed anywhere for free. Learn more about Scratch. Click here for my Scratch tutorial.