Hey! Welcome to the course!

Welcome!
Course Change Log - New Updates to the Course!
Resources for the Journey
Price Calculator: Discover Your Hourly Rate & Your Income Potential

Introduction to Visual Design

Elements & Principles of Visual Design on the Web
The "C.R.A.P." Principles
Typography Guide for Web Designers
The Basics of Colour Theory
Designing with Grids on the Web
Visual Design Quiz

Designing Websites, Graphics & Interfaces with Figma

Figma Project #1: Create a LoFi Wireframe in Figma

Introduction to Adobe Photoshop

Section Intro: The 80/20 Rule, Photoshop Basics, and More
Creating a New Photoshop Document
Photoshop Environment: The Toolbar - Part 1
Photoshop Environment: The Toolbar - Part 2
Photoshop Environment: Palettes
Photoshop Environment: The Menu
Photo Enhancement & Manipulation
Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial
Photoshop Project #2: Design a Business Card + Tutorial
Photoshop Quiz
Section Outro: Wrap Up, Further Learning & What's Next

Introduction to Web Design (and more Photoshop)

Section Intro: Web Design Basics, Wireframing, Photoshop
Web Design Terminology: The Jargon the Pros Use
The Four Phases of a Web Design Project + Cost Estimates
What is User Experience (UX) Design?
The Anatomy of a Website Design
The 960 Grid System + Free Photoshop Downloads
Web Design Project #1: Design a Minimal Landing Page + Tutorial
Web Design Project #2: Re-Design a Blog Landing Page
Web Design Project #2: Tutorial
Web Design Quiz
Section Outro: Wrap Up, Further Learning & What's Next

Advanced Web Design Challenge

Challenge Intro: How the Challenge Works
Discovery Phase: Create a Sitemap
Discovery Phase II: Sketch & Wireframe Your Design
Creative Phase: Design Your Website in Photoshop
Sharing, Collaborating & Getting Feedback on Your Design
Challenge Wrap Up & What's Next

Introduction to HTML

Section Intro: HTML Fundamentals, First Webpage, Course Files
The Basic of HTML: Tags, Attributes, Elements
Basic File & Folder Structure of a Website
Your Must Have Tool: A Good Code Editor
Hello World: Create Your Very First Web Page!
HTML Quiz
Section Outro: Wrap up, Further Learning & What's Next

Intermediate HTML

Section Intro: HTML Tags, Code a Real Web Page
Basic Structure of an HTML Document
Heading and Paragraph Tags
Using Emphasis and Strong Emphasis
Hyperlinks
Lists
Images
Tables
Forms
HTML Entities & "Special Characters"
HTML Project: Code a Basic Web Page + Tutorial
Intermediate HTML Quiz
Section Outro: Wrap Up, Further Learning & What's Next

Advanced HTML & HTML5

Section Intro: Advanced HTML Techniques, HTML5
IDs & Classes
Span & Div Tags
Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time
HTML5 Project: Build a Basic HTML5 Web Page + Tutorial
Advanced HTML Quiz
Section Outro: Wrap Up, Further Learning & What's Next

Expert HTML & HTML5

Section Intro: Expert HTML5 techniques
New HTML5 Inputs
Making Internet Explorer Compatible with HTML5
HTML5 Data Attribute
Expert HTML Quiz
Section Outro: Wrap Up, Further Learning & What's Next

Introduction to CSS

Section Intro: Essentials of CSS + Download Course Files
What is CSS? All the basics you need to know!
Inheritance of Styles
Measurements & The Box Model
Inline CSS
Internal CSS
External CSS
ID & Class Selectors
Descendant Selectors
Grouping Selectors
Specificity
CSS Project: Style an HTML Web Page + Tutorial
Section Outro: Wrap Up, Further Learning & What's Next

Intermediate CSS

Section Intro
Colors
Text Styling & Formatting
Borders
Background Images
Styling Links
CSS Quiz
Section Outro: Wrap Up, Further Learning & What's Next

Advanced CSS

Section Intro
Styling Web Forms
Block, Inline and Inline-Block Elements
Understanding Float & Clear (once and for all!)
Relative, Absolute & Fixed Position
CSS Project: Build the Google Home Page + Tutorial (Part I)
CSS Project: Build the Google Home Page (Part II)
Section Outro: Wrap Up, Further Learning & What's Next

Expert CSS & CSS

Section Intro: What is CSS3? + Course Files Download
CSS3 Box Sizing & Round Corners
CSS3 Colours & Gradients
CSS3 Shadows
CSS3 Columns
CSS3 Animations & Transitions
CSS3 Project #1: Create Animated Buttons + Tutorial
CSS3 Project #2: Code an Orbiting Planet Animation + Tutorial (Part I)
CSS3 Project #2: Code an Orbiting Planet Animation (Part II)
Section Outro: Wrap Up, Further Learning & What's Next

Advanced HTML & CSS Challenge

Your Challenge: Everything You Need to Know + Section Wrap Up
Bonus Tutorial: How to Slice a Photoshop Design and Convert it to HTML & CSS
Bonus Tutorial P2: How to Slice a Photoshop Design & Convert it to HTML & CSS

Introduction to Javascript

Section Intro: What is JavaScript, The 80/20 Rule + Course File Download
Internal & External Javascript
Basic Syntax of Javascript (and many other programming languages)
Javascript Output
Javascript Variables
Javascript Arrays
Javascript Functions
Javascript If / Else Statements
Javascript Project: Program a Tip Calculator + Tutorial
Javascript Project: Program a Tip Calculator, Part II
Javascript Quiz
Section Outro: Wrap Up, Further Learning & What's Next

Introduction to jQuery

Section Intro: What is jQuery? + Courses Files
Download and Install jQuery
The Simple Syntax of jQuery
jQuery Selectors
jQuery Event Methods
Basic jQuery Quiz
Section Outro: Wrap Up & What's Next

Intermediate jQuery

Section Intro: jQuery Deep Dive!
jQuery Chaining
Hiding, Showing & Fading Content with jQuery
The jQuery Animate Method
Modifying CSS with jQuery
jQuery Project: Mini Race Car Game + Tutorial
Section Outro: Wrap Up, Further Learning & What's Next

jQuery UI (Advanced jQuery)

Section Intro: What is jQuery UI? + Course Files
jQuery UI: Draggable
jQuery UI: Droppable
jQuery UI: Sortable
jQuery UI: Accordion
jQuery UI: Datepicker
jQuery Project: To Do List Web Application + Tutorial
Section Outro: Wrap Up, Further Learning & What's Next

Responsive Design & Development using Bootstrap

Getting Started with Bootstrap
Quickly Prototype with the Free Examples
Understanding the Bootstrap Grid System
Responsive (and sexy) Forms
Responsive Tables, Buttons and Images
Helper Classes & Responsive Utilities
Using Glyphicons (Font Icons)
Bootstrap Navbar
Bootstrap Modal Window
Bootstrap ScrollSpy
Togglable Tabs
Sliding Carousel
Bootstrap Project: Code a "Hipster" Startup Website + Tutorial
Bootstrap Project: Startup Website, Part 2
Section Outro: Wrap Up, Further Learning & What's Next

Advanced Bootstrap Challenge

Your Challenge: Convert Your Custom Website Into a Responsive Bootstrap Site

Web Hosting & Domains

Section Intro: What is Web Hosting?
Purchasing a Bundled Domain Name & Hosting Package
The Hosting Control Panel (a.k.a. cPanel)
Understanding FTP & How to Upload a Website to Your Live Server
Section Outro: Wrap Up, What's Next + Bonus (Free) Web Hosting

Introduction to PHP

Section Intro: What is PHP and What Does it do? + Course Files
Basic PHP Syntax
PHP Variables & Constants
PHP Arrays (Associative & Multi-Dimensional)
PHP Project: Program an App to fix "Click Bait Headlines" + Tutorial
PHP Project: Click Bait Headlines, Part 2
PHP Quiz
Section Outro: Wrap Up & What's Next

Intermediate PHP

Section Intro: Let's Dive Deeper into PHP
If, Else, Elseif Statements
PHP Loops: While, For, Foreach & Do While
PHP Functions & Arguments
$_{G} E T a n d$ _POST
PHP Project: Convert a Static Website into a Dynamic PHP Site + Tutorial
Section Outro: Wrap Up, Further Learning & What's Next +Bonus (Free) PHP Course!

Introduction to MySQL Databases

Section Intro: What is MySQL? + Course Files
Creating Your First MySQL Database + phpMyAdmin Overview
Establishing a MySQL Connection with PHP
Selecting Data from a Database and Displaying it on Your Web page
Insert Data into Your Database from a Web Page
Password Hashing (for securely storing passwords)
Using PHP Sessions to Store Global Variables
MySQL Project #1: Code a Login Form, Profile Page & Logout + Tutorial
MySQL Project #2.1: Client Address Book - Planning our Application
MySQL Project #2.2: Client Address Book - Build the Login Sequence
MySQL Project #2.3: Client Address Book - Logout Sequence & Display Clients
MySQL Project #2.4: Client Address Book - Adding Clients
MySQL Project #2.5: Client Address Book - Editing Clients
MySQL Project #2.6: Client Address Book - Deleting Clients
Section Outro: Wrap Up, Further Learning & What's Next

Advanced PHP & MySQL Challenge

Your Challenge: Convert Your Custom Static Website into a Dynamic Website

WordPress Websites

Section Intro: What is WordPress?
How to Start a WordPress Blog in 5-Minutes
The Dashboard
Using Free and Premium Plugins to Achieve Any Feature You Desire
Using Free and Premium Themes to Quickly Make Gorgeous Websites
Theme Showcase: "X" Theme - The Ultimate All-in-one WordPress DIY Theme
The Importance of 24/7 WordPress Security
Quickly Start an eCommerce Online Store
WordPress Quiz
Section Outro: Wrap Up, Further Learning, What's Next + Course Discount

Career Development: How to Start Your Web Design / Development Career

Section Intro: The Career Options Available to You as a Web Designer & Developer
The Importance of "Cultivating" Your Career
What Does Success Mean To You?
Freelancing: Should You Work For Free?
Freelancing: Should You Quit Your Job?
Free eBook Download: Cultivate a Successful Freelance Career
Where To Find Web Design & Development Jobs: Part-time, Full-time & Freelance
4 Valuable Tips for Crafting the Perfect Résumé
The Grande Finale: Where Do You Go From Here?

Legacy Content: AngularJS Quick Start: Build a Single-Page Web Application

Welcome Ryan, our AngularJS Expert & Guest Instructor
An Introduction to AngularJS + The App You'll Build from Scratch
Installation & Set up
Controllers and Views
Switching to Services
$HTTP Service
Creating the User Interface
Custom Filters
Creating New Data
Editing and Deleting Data
Wrap Up & Further Learning

Legacy Content: WordPress Plugin Quick Start

Bonus Section Intro: Introducing Joel Funk (our Plugin Ninja)
Welcome to the WordPress Plugin Quick Start + Course Files
Course Requirements
Concepts & Definitions: Introductions
Concepts & Definitions: What are plugins?
Concepts & Definitions: What are hooks?
Concepts & Definitions: Common actions & filters
Concepts & Definitions: What are post types?
Concepts & Definitions: Planning plugins
Groundwork: Introduction
Groundwork: Plugin header data
Groundwork: Creating admin pages
Groundwork: Creating admin menus
Groundwork: Creating custom post types
Groundwork: Creating custom database tables
Core features: Introduction
Core features: Creating custom shortcodes
Core features: Enhancing shortcodes
Core features: Including scripts
Core features: Capturing form submissions
Core features: Handling Ajax responses
Core features: Creating custom admin columns
Core features: Completing our stats page
Core features: Completing our welcome page
What next? Are you ready to go Ultimate!?

Legacy Content from The First Version of the Course

[Legacy] What You Get in This Course: Major Course Discounts + eBook
[Legacy] How to get a Free Trial of Adobe Photoshop & More
[Legacy] Welcome Section: Wrap up: What You've Learned & What's Next
[Legacy] Pop Quiz!
[Legacy] Section Intro: What You're Going to Learn
[Legacy] The Basic Elements and Principles of Visual Design
[Legacy] Typography Basics
[Legacy] The Science of Colour (or Color)
[Legacy] Designing with Grids
[Legacy] Section Outro: Wrap Up, Further Learning & What's Next

Bonus Section

Bonus Lesson

Popular Searches

Ultimate Web Designer & Web Developer Course

Beginner

Online

₹ 4099

Quick Facts

Course overview

The highlights

Program offerings

Course and certificate fees

Fees information

certificate availability

certificate providing authority

Who it is for

What you will learn

The syllabus

Hey! Welcome to the course!

Introduction to Visual Design

Designing Websites, Graphics & Interfaces with Figma

Introduction to Adobe Photoshop

Introduction to Web Design (and more Photoshop)

Advanced Web Design Challenge

Introduction to HTML

Intermediate HTML

Advanced HTML & HTML5

Expert HTML & HTML5

Introduction to CSS

Intermediate CSS

Advanced CSS

Expert CSS & CSS

Advanced HTML & CSS Challenge

Introduction to Javascript

Introduction to jQuery

Intermediate jQuery

jQuery UI (Advanced jQuery)

Responsive Design & Development using Bootstrap

Advanced Bootstrap Challenge

Web Hosting & Domains

Introduction to PHP

Intermediate PHP

Introduction to MySQL Databases

Advanced PHP & MySQL Challenge

WordPress Websites

Career Development: How to Start Your Web Design / Development Career

Legacy Content: AngularJS Quick Start: Build a Single-Page Web Application

Legacy Content: WordPress Plugin Quick Start

Legacy Content from The First Version of the Course

Bonus Section

Instructors

Articles

Popular Articles

Latest Articles

Similar Courses

Courses of your Interest

More Courses by Udemy

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Download the Careers360 App on your Android phone

Thank You!