Internet and Web Programming

Satish C J via YouTube

Start learning Write review

Learn comprehensive web development through this extensive course covering front-end and back-end technologies essential for modern internet programming. Master HTML fundamentals including semantic elements, forms, multimedia tags, and advanced features like iframes, datalists, and fieldsets. Develop proficiency in CSS styling techniques encompassing selectors, positioning properties, combinators, pseudo-elements, transforms, transitions, animations, and responsive multi-column layouts. Gain hands-on experience with JavaScript programming concepts including variables, control structures, functions, arrays, string methods, and the Document Object Model for dynamic web interactions. Explore server-side development using PHP for form handling, database connectivity with MySQL through MYSQLI extensions, file operations, regular expressions, cookie management, and session handling for user authentication systems. Build practical applications including registration forms, login systems with email notifications using PHPMailer, and file upload functionality. Discover modern web technologies including jQuery for enhanced user interfaces, AJAX for asynchronous communication, XML processing with Schema and XSLT, and introductory concepts in Node.js with MongoDB for full-stack development. Complete the learning journey with React fundamentals and ES6 module systems for contemporary front-end development, all demonstrated through Visual Studio Code with XAMPP server environment setup.

Syllabus

Visual Studio Code - Installation and Demo
Introduction to HTML - Session 1 - Demo using Visual Studio Code.
Introduction to HTML - Session 2 - Demo on iframe, video, audio, img , div, form and input tags
HTML - Session 3 (colgroup, optgroup, hgroup, datalist, fieldset, meter, details, menu tags)
Cascading Style Sheets - selectors -font &text styling - padding - border - inherit - background
Cascading Style Sheets (CSS) - Position Property - static, relative, absolute, fixed and sticky
CSS - Combinators - Demo
CSS - Pseudo elements - Demo
Cascading Style Sheets (CSS) - Tables
HTML - textarea & file input type - Demo.
HTML Semantic Elements - header - nav -section - article - footer - Demo
Cascading Style Sheets (CSS) - Multi Column Layout - Demo
CSS - Transform - Transition and Animation property - Demo
CSS Box Model & Margin - Float - Overflow - Z index - box shadow - display properties
Introduction to JavaScript - I (variables, if else , switch , loops - for, while, do while - arrays)
JavaScript - Introduction to Functions
JavaScript - Array Methods - Demo
JavaScript - Multidimensional Arrays - Demo
JavaScript - String Methods - Demo
JavaScript - Document Object Model - Introduction - Session 1
JavaScript - Introduction to Document Object Model - Session 2
JavaScript - getElementByID, getElementsByClassName, getElementsByTagName - Demo
JavaScript - createNode() ,createTextNode(), insertBefore(), replaceChild(), remove(), setAttribute
JavaScript Events - Demo
Exception Handling In JavaScript - Live Demo in Class
How to add Syntax Highlighter to a Web Page? - Demo - Internet and Web Programming
XAMPP Installation & using Visual Studio Code for PHP - Demo
Introduction to PHP - Session 1 - Demo using Visual Studio Code
Introduction to String Handling functions in PHP - Demo using VSCode
Functions in PHP - Demo using VSCode
Arrays in PHP - Indexed & Associative - Single Dimensional and Multi Dimensional Arrays - Demo
Form Handling using JavaScript (Accessing HTML form data from within JavaScript)
PHP - Form Handling (Accessing HTML form data in PHP) - Demo
Messing with MySQL !!! - A quick tutorial on SQL basics using MySQL
PHP - MYSQL Database Connection using MYSQLI Extension - INSERT - UPDATE - DELETE - SELECT - DEMO
Registration Form using PHP and MySQL Database & Displaying data from Database using an HTML Table
PHP - Regular Expressions - Exercises - Live Class Demonstration
PHP - File Handling - WRITE , APPEND, READ data from a file using a form & file methods - Demo
File Upload Script using PHP - DEMO
Introduction to JQuery - Demo using VSCode
Cookies in PHP - Coding a simple application using Cookies
Understanding Sessions in PHP by coding an Application that supports Login and Logout using MySQL
Login Alert Notification by Email using PHP (PHPMailer) -Demo
AJAX - Introduction and Demo
XML, XML Schema, XPATH, XSLT - Introduction
Node.js Introduction and Installation
Node.js - MongoDB CRUD Operations - Demo using VS Code
React Tutorial for Beginners - Session 1 - Installation of React on Windows - Demo
JavaScript ES6 Modules - import and export - Named Export and Default Export - Demo