Web Development Masterclass - Part 1 of 13 (Introduction & Internet Overview) | John D. | Skillshare

Web Development Masterclass - Part 1 of 13 (Introduction & Internet Overview)

John D., Start learning & acquire the skills you need!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Videos (43m)
    • Course Explainer Video

      3:04
    • Course Introduction & Learning Objectives

      2:47
    • The Internet Overview

      5:25
    • The HTTP Protocol

      3:33
    • The HTTPS Protocol

      3:11
    • The SMTP Protocol and Local Mail Delivery

      4:42
    • Outbound Mail Delivery

      2:08
    • Network Basics - LAN and WAN

      5:56
    • Network Ports and Firewalls

      5:01
    • Web Development Process Overview

      2:45
    • Web Application Planning Overview

      4:36

About This Class

be0b51d5

**UPDATE: Our course has been updated and is fully compatible with the latest version of Ubuntu (16.04 LTS). You can also continue using 14.04 LTS if you prefer, as the content is compatible with both versions.

This course offers a comprehensive look into the entire web development process - from local server configuration using WAMP and MAMP to production deployment using the latest web technologies including: LAMP Stack (Linux, Apache, PhpMyAdmin and MySQL) for Ubuntu, HTML 5, CSS, Bootstrap, JavaScript, jQuery, XML, and AJAX.

The content is ideal for those interested in working as a web developer or launching a web based presence for a new or existing product or service. The concepts explored in this course are suitable for individuals of all skill levels. Each module starts with the fundamental concepts and gradually transitions into more complex material.

The development style taught in this course is specifically intended to address the importance of creating scalable web infrastructures on cloud hosting platforms that can accommodate any type of project, while maintaining the lowest overhead cost possible. This includes small informational websites of only a few pages to advanced 'big data' style, dynamic web applications. We go through several live examples of web development and Linux based server configurations on popular Cloud hosting providers such as Linode.com.

Part 1 (Introduction, How the Internet Works)

  • The course begins with with an overview of learning objectives. We then explore how the internet works, including the composition and transmission of data packets over both LAN and WAN Networks. Next we take a look at the HTTP and HTTPs protocols as applicable to client and server side communications - including DNS Lookups. This section will also teach students how email exchange works over SMTP and IMAP. The role of Network Ports and Firewalls are also introduced.

  • (The Web Development Process, Planning a Website)

    Students will gain an understanding of all the steps involved in the web development process including:
  • Planning
  • Infrastructure setup - VPS, Dedicated, and Cloud Hosting Solutions.
  • Domain registration
  • FTP File Transfer Agents
  • Front End Development using HTML 5, CSS, Bootstrap, JavaScript, jQuery, XML, AJAX
  • Database Development and Administration using MySQL and PhpMyAdmin
  • DNS Record configuration
  • Business Email Setup and Configuration

Part 2: Web Hosting and System Requirements

  • We conduct an in-depth case analysis of web hosting solutions including: Shared, Virtual Private, Dedicated and Cloud Hosting.

    We provide an overview of various packages offered by different web hosting companies and weigh the pros and cons of each one.

    Students are also introduced to the importance of web server scalability and the advantages of cloud hosting over traditional hosting services. We also examine the infrastructure requirements of popular, resource intensive applications such as Netflix and Facebook to emphasize the importance of avoiding costly mistakes in the initial stages of development.

Part 3: Domain Names

  • We provide an overview of the domain name registration process. This includes the role of registrars and TLD (Top Level Domain) administration by ICANN. ccTLD's (Country Code Top Level Domains) are also explored.

  • Students will gain hands-on experience with the registration process using popular domain registrars. We will provide a comparison of different registrars and register a sample domain name using GoDaddy.com. Other topics of discussion will include: domain name privacy and administration, auto-renewal, domain forwarding, and name server assignment.

Part 4:

  • Testing Environment

    Students will be introduced to configuring a local testing server on a PC or MAC system using WAMP (Windows, Apache, MySQL, PhpMyAdmin) or MAMP (MAC, Apache, MySQL, PhpMyAdmin). The lessons will provide a detailed guide on installation of the packages and an overview of the interface menu.

  • Production Environment

    Students will acquire the skills needed to optimally configure a live production environment for securely hosting web applications on a cloud server (Linode). The section will start with an overview of different cloud hosting providers such as Amazon Web Services, Microsoft Azure, Linode and Digital Ocean.

    We will then provide a live demonstration of server setup using Linode.com. This includes deployment of Ubuntu and installation of LAMP (Linux, Apache, MySQL, PhpMyAdmin) on the Linode Server using remote access consoles such as Terminal (MAC) and PuTTY for Windows.

    Students will gain an in-depth knowledge of server maintenance, file and directory commands. We will also explore SSH Authentication for multiple users and file permissions to reduce security vulnerabilities. Remote Desktop connections for server administration will also be taught, using Tight VNC (Windows) and RealVNC (MAC).

    A thorough overview of the Linode server management console will be conducted, to show students how to scale servers, change root passwords, manage the DNS Zone file and create back-ups.

  • FTP Setup

    Students will learn the role of an FTP (File Transfer Protocol) client to connect to a remote server, through a local machine. We will provide a live demonstration on file upload using FileZilla and explore the FileZilla Interface for connection management.

Part 5: HTML Development

  • Section 10 explores HTML (Hyper Text Markup Language). HTML is a key fundamental building block when learning to develop websites. Students will initially learn the basics of HTML page structure and gradually transition into working with spacing, text formatting, lists, images, videos, links, anchors, tables, forms and much more. We also include several projects, where students are shown first-hand, how to develop and code html web pages from scratch.

Part 6: CSS Development

  • Students learn to use CSS (Cascading Style Sheets) to create stylish, responsive web page layouts. We start by discussing the parts and types of CSS rules, followed by CSS classes, DIVS, and ID's. Students will gain significant exposure to various formatting options, including margins, padding, font properties, backgrounds, transparency, positioning, link styling and CSS tables. This section includes a hands-on web development project where students will utilize the concepts explored in the lesson.

Part 7:

  • Document Object Model (DOM)

    As a precursor to JavaScript, we explore the DOM (Document Object Model). We will explain its usage and application in manipulating HTML and CSS elements.

  • JavaScript Development

    We introduce students to JavaScript coding to add interactivity to static HTML and CSS pages. The section starts with discussing JavaScript placement, using both internal and external scripts. We then take a look at JavaScript output, variable declarations, arithmetic operators, objects, strings, math functions, arrays, conditional statements, loops, functions and events. Students also go through two hands-on projects that will further solidify their knowledge of the concepts explored in the lessons.

Part 8: JQuery Library

  • We explores the jQuery library and many of its unique features, used to create stunning, animated web pages. We start with the basics, from embedding jQuery into web pages to working with Selectors. Students then explore working with events, toggling, fading, sliding, and other forms of animation. The lessons also teach students how to work with callbacks, chaining, dragables, accordion menus and many other functions.

Part 9: Bootstrap Framework

  • Students are taught to use the Bootstrap framework for responsive, mobile-first - front-end development. As one of the leading open-source development libraries, Bootstrap is an essential part of the developers coding arsenal. The section begins with teaching students how to include essential Bootstrap files into web pages. It then explores the Bootstrap Grid system and popular layout strategies for optimal cross-device and cross-browser compatibility.

    Students gain exposure to just about every Bootstrap component, from typography, tables and images, to jumbotrons, wells, alerts, buttons, glyphicons and progress bars. The section includes several hands-on exercises that will walk students through the process of creating stunning layouts, complete with modals, carousels, popovers, drop-down menus, forms and much more.

Part 10: PHP Development

  • Students gain exposure to creating dynamic web applications and functionality using PHP. We start with the basics, including variable declaration and data output. The lessons then transition into working with objects, conditional statements, loops, functions, arrays and form validation.

Part 11: MySQL Database Integration

  • Students learn to unleash the true power of web application development with MySQL database integration. We start with the basics from database and table creation, to user management. Next we explore the execution of commonly used SQL statements for database modification and administration. Students are also taught how to create database connections and execute SQL statements from PHP scripts.

Part 12 & 13: (XML, AJAX, & Development)

  • We explore XML and AJAX integration to create dynamic content, without page refresh. The lessons will cover several hands-on training exercises that will encompass many of the exciting functions AJAX offers. Students will build a website complete with database integration, registration forms with server-side validation, user authentication, and a SMTP-based contact submit form.

61

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

John D.

Start learning & acquire the skills you need!

Our Mission:

To facilitate a comprehensive online learning environment for students.

About us:

YouAccel is a leading provider in online training and job search solutions.

We provide a streamlined approach to learning and acquiring the skills you need to gain employment in your desired field of work. We offer a broad range of courses in many subjects.

Courses are taught by certified, renowned experts with several years of work experience. You can be confident...

See full profile

Report class