Full Stack Web Development Course

Course Information

The goal of the Full Stack Web Development Course is to provide students with the full training they need to become skilled developers who can manage the front-end and back-end components of web applications. The course covers a wide range of technologies, including as server-side languages like PHP for developing solid backend logic and HTML, CSS, and JavaScript for designing dynamic and responsive user interfaces. Through the creation of fully working, end-to-end web apps, participants obtain a comprehensive grasp of database administration, API development, and server deployment. Additionally, the curriculum places a strong emphasis on the integration of frontend and backend elements, making sure that learners can easily link server-side activities with user interfaces. With practical assignments and real-world experiences, learners gain the skills necessary to design, build, and implement feature-rich web apps.

Course Outline

Graphic Design & Printing Solutions

• Fundamental of Graphic Design
• Understand of Tools & Software Image & Photo Editing
• Before/After - Face cleaning
• Photo Background Removal
• Photo Cleaning & Cloning
• Photo Manipulation
• Photo Restoration
• Photo Stitching
• Photo Shading
• Photo Watermark
• Photo Bordering
• Image Cropping
• Photo Enhancement
• Photo Path - Masking
• Photo Coloring
• Photo/Image Re-touching
• eCommerce Products Editing
Website Designing
• Web base Graphic Designing
• Website Wireframe Design
• Website Layout Design Mobile and Responsive Design
• Mobile Responsive Layout Design
• Designing for mobile devices
• Responsive web design
UI/UX Design
• UX Research & Design Thinking
• Wireframe Design
• Prototype Design
• User Experience Design (UXD)
• Mockup Design
• Mobile Icon Design
• Mobile App Design

Wordpress

• Introduction to WordPress
• What is WordPress?
• The difference between WordPress.com and WordPress.org
• Setting up a local development environment
• WordPress Installation and Configuration
• Installing WordPress on a hosting server
• Basic settings and configuration
• Managing users and permissions
• Creating Content with WordPress
• Creating posts and pages
• Working with categories and tags
• Adding media (images, videos, etc.)
• Customizing Themes
• Understanding WordPress themes
• Theme installation and activation
• Customizing themes with the Customizer and CSS
• Developing Custom Themes
• Introduction to theme development
• Custom post types and templates
• Plugin Install and Advanced Features
• Introduction to the plugin & its usage
• Install Plugin and Implement
• Advanced features: custom fields, widgets, and short codes

HTML

• Introduction to HTML
• The basic structure of HTML document
• Common HTML tags and their functions
• Adding headings, and paragraphs to web pages
• Inserting images into web pages
• Creating hyperlinks in HTML Creating HTML tables
• Table elements (rows, columns, headers)
• Table formatting (cell padding, cell spacing, borders)
HTML Lists
• unordered Lists
• ordered lists
HTML Forms
• Form Input Types (Text, Password, Radio Buttons, Checkboxes, etc.)
• Form Validation

CSS

• CSS Syntax
• Types Of CSS (Inline, Internal, and External CSS)
• Text Properties (Text Color, Text Background Color)
• Box Model Properties (Margin, Padding, Border)
• Background Properties (Background-Color, Background-Image)
• CSS Position (Static, Relative, Fixed, absolute, Sticky)

JAVASCRIPT

• JS Introduction
• JS Getting Started
• JS Syntax
• JS & DOM (Document Object Model)
• DOM Method
• DOM Elements
• DOM HTML
• DOM CSS
• DOM Forms
• DOM Animations
• DOM Events

JQUERY

• Introduction of JQuery
• JQuery Effects
• jQuery Hide/Show
• jQuery Fade
• jQuery Slide
• jQuery Animate
• jQuery stop()
• jQuery Callback
• jQuery Chaining
• JQuery HTML

Bootstrap

• Bootstrap Introduction
• Bootstrap Getting Started
• Bootstrap Grid System
• Bootstrap Fixed Layout
• Bootstrap Fluid Layout
• Bootstrap Responsive Layout
• Bootstrap Tables
• Bootstrap Lists
• Bootstrap Forms
• Bootstrap Buttons
• Bootstrap Images
• Bootstrap Cards
• Bootstrap Icons
• Bootstrap Navbar
• Bootstrap Badges
• Bootstrap Progress Bars
• Introduction of PHP
• XAMPP Setup
• Print Hello World
• Datatypes
• variable declaration
• comments
• Operators
• Constant
• String
• Looping
• Functions
• Arrays In PHP
• for each loop
• Multidimensional arrays
• Difference between GET method,POST Method, and Request
• Building Forms
• Retrieving submitted data
• Array functions
• String functions
• Date time functions
• Math Functions
• FileHandling Function
• Mysqli Functions
• Create Session
• Access & Destroy Session
• Isset() unset()
• Login Control Demo
• Setting A Cookie
• Accessing cookie
• Destroying a cookie
• File Handling
• Mail() Example
• PHPMailer Library use
• OOPS Concepts

PHP My-Admin Introduction

• SQL using MySQL
• Creating a database
• Selecting database
• Creating a table
• Inserting data into a table
• Show data from the table
• Drop table
• Drop database
• Constraints
• Import Export Database
• PHP Mysqli Connection
• How to Write Query
• Store Record
• Fetch Record
• Edit Record
• Delete
• SignUp & Login
• Change Password & Forgot Password