Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Ultimate Web Designer & Web Developer Course

Ultimate Web Designer & Web Developer Course

Loại khoá học: Development

Become a Full-Stack Web Designer in 2023 - Learn Everything from Web Design Fundamentals to Front-End Web Development

image
50.000 VND
85 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Welcome to the Ultimate Web Designer & Web Developer Course! Are you ready to become a full-stack web designer in 2023? If so, you're in the right place.

Our comprehensive course is taught by Brad Hussey, a Udemy Partner and experienced web designer with more than 500,000 students worldwide and over 10 years of experience as a professional web designer. From the basics of web design to front-end development skills, this A to Z course covers everything you need to know to succeed in the world of web design and development. It focuses on what you need to learn and avoids unnecessary details. With over 80,000 happy students, this Udemy course is trusted by beginners and experts alike.

In this course, you'll learn how to use Adobe Photoshop, sketch professional wireframes, and code with HTML, CSS, JavaScript, and jQuery. You'll also learn about responsive design using frameworks like Bootstrap and Tailwind CSS (coming soon). In addition to building your own project, you'll work on over 23 designs, websites, and applications throughout the course.

What are some of the projects you will build?

In addition to working on your very own self-directed project that challenges you to use your new skills as you learn, you'll be building over 23 custom projects throughout the course:

In Photoshop:

  • Design a custom web graphic

  • Design a custom business card

  • Design a modern landing page

  • Re-design a blog

In HTML5 & CSS3:

Multiple custom websites & web pages

  • Code the Google landing page

  • "Orbiting planets" animation in CSS3

  • A responsive "Startup Style" website

In Javascript & jQuery

  • A working "Tip Calculator"

  • An actual race car game

  • A "To-Do List" web application

In PHP & MySQL

  • Dynamic websites

  • An impressive application that fixes clickbait headlines

  • Working "login" and "logout" sequence

  • A profile page that pulls information from a database

  • Robust "Client Address Book" application that manages your clients' information

  • Custom WordPress plugin

In AngularJS

  • Real Estate Listing Single-Page Application

In WordPress Plugins

  • Custom, real-world "survey" plugin

...and much more

Once you've mastered the front-end, we'll delve into advanced skills like PHP, MySQL, WordPress, and custom WordPress plugin development. By the end of the course, you'll have the skills and knowledge to start your own successful web design career, whether you want to work as a freelancer or at a design agency.

But it doesn't end there! Our course also includes a career section that provides valuable tips, resources, and real-world guidance to help you succeed in your new career. With step-by-step instruction from one of the most experienced and passionate web design educators around, you'll be well on your way to becoming a successful web designer.

So don't wait any longer. Join our course today and start your journey to becoming a full-stack web designer in 2023!

See you on the inside!

Bạn sẽ học được gì

Build 23+ custom web design & development projects by hand

Learn more than 18 professional disciplines

Plan, design and code your very own self-directed website project from scratch to launch!

Plan, design and code robust and fully custom, responsive websites and applications

Explore modern web design tools

Code at an expert level of proficiency with HTML & CSS

Code websites & applications with HTML5 & CSS3

Code basic games & animations with CSS3 and jQuery

Comfortably use Adobe Photoshop for photo manipulation, graphics creation & design

Use modern tools like Figma, Adobe XD and Photoshop to design and prototype for the web

Design a professional and modern business card in Adobe Photoshop

Learn UX and UI design for beginners

Learn visual design fundamentals for beginners

Learn how to wireframe and optimize UX for websites and web applications

Learn how to choose the correct font combinations for your projects

Create beautiful color schemes based on scientific color theory

Code a simple "Tip Calculator" in Javascript

Build a useful "To Do List" web application in jQuery UI

Learn how to easily set up web hosting & domain names

Learn how to program simple PHP applications

Design, build and manage custom database-driven websites with MySQL

Build a fully functional "Client Address Book" with PHP & MySQL

Set up a WordPress blog in 5-minutes

Manage your client's WordPress websites

Learn how to get hired as a full-time web designer or web developer

Learn how to start a profitable and successful freelance business as a web designer or developer

Learn how to earn a full-time income from any of the disciplines you learn!

Start a side hustle as a web designer or developer

Learn how to land your first (or next) web design client

Yêu cầu

  • No prior web design or coding knowledge required!
  • Any operating system: Mac, PC, Linux
  • No expensive software required

Nội dung khoá học

33 sections

Hey! Welcome to the course!

4 lectures
Welcome!
01:52
Course Change Log — New Updates to the Course!
00:04
Resources for the Journey
01:31
Price Calculator: Discover Your Hourly Rate & Your Income Potential
05:04

Introduction to Visual Design for Web Designers & Web Developers

7 lectures
Elements & Principles of Visual Design on the Web
04:55
The "C.R.A.P." Principles
01:19
Typography Guide for Web Designers
08:02
The Basics of Colour Theory
05:46
Designing with Grids on the Web
02:17
Design Systems Explained: The 10 Minute Guide for New Web Designers
08:41
Visual Design Quiz
7 questions

Designing Websites, Graphics & Interfaces with Figma

6 lectures
Figma vs. Photoshop for Web Design
08:46
How to Quickly Get Started with Figma for Web Design
18:11
Figma Fundamentals: Learn the UI, Groups, Components & more
25:48
Figma Project: Create a Design System in Figma
03:14
Figma Project - Design System Walkthrough
13:19
Figma Project: Create a LoFi Wireframe in Figma
06:28

Introduction to Adobe Photoshop

11 lectures
Section Intro: The 80/20 Rule, Photoshop Basics, and More
01:29
Creating a New Photoshop Document
04:51
Photoshop Environment: The Toolbar - Part 1
20:39
Photoshop Environment: The Toolbar - Part 2
14:44
Photoshop Environment: Palettes
11:49
Photoshop Environment: The Menu
12:14
Photo Enhancement & Manipulation
17:00
Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial
07:08
Photoshop Project #2: Design a Business Card + Tutorial
07:39
Photoshop Quiz
4 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:21

Introduction to Web Design (and more Photoshop)

11 lectures
Section Intro: Web Design Basics, Wireframing, Photoshop
00:31
Web Design Terminology: The Jargon the Pros Use
04:44
The Four Phases of a Web Design Project + Cost Estimates
07:42
What is User Experience (UX) Design?
14:36
The Anatomy of a Website Design
05:17
The 960 Grid System + Free Photoshop Downloads
05:24
Web Design Project #1: Design a Minimal Landing Page + Tutorial
17:42
Web Design Project #2: Re-Design a Blog Landing Page
06:07
Web Design Project #2: Tutorial
20:22
Web Design Quiz
10 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:26

Advanced Web Design Challenge

6 lectures
Challenge Intro: How the Challenge Works
01:06
Discovery Phase: Create a Sitemap
01:03
Discovery Phase II: Sketch & Wireframe Your Design
00:35
Creative Phase: Design Your Website in Photoshop
00:35
Sharing, Collaborating & Getting Feedback on Your Design
00:43
Challenge Wrap Up & What's Next
00:23

Introduction to HTML

7 lectures
Section Intro: HTML Fundamentals, First Webpage, Course Files
00:33
The Basics of HTML: Tags, Attributes, Elements
04:05
Basic File & Folder Structure of a Website
04:34
Your Must Have Tool: A Good Code Editor
05:57
Hello World: Create Your Very First Web Page!
04:08
HTML Quiz
8 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:32

Intermediate HTML

13 lectures
Section Intro: HTML Tags, Code a Real Web Page
00:18
Basic Structure of an HTML Document
05:10
Heading & Paragraph Tags
06:26
Using Emphasis & Strong Emphasis
04:35
Hyperlinks
05:14
Lists
05:52
Images
09:47
Tables
05:52
Forms
14:00
HTML Entities & "Special Characters"
03:19
HTML Project: Code a Basic Web Page + Tutorial
09:23
Intermediate HTML Quiz
11 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:21

Advanced HTML & HTML5

7 lectures
Section Intro: Advanced HTML Techniques, HTML5
00:18
IDs & Classes
04:53
Span & Div Tags
08:53
Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time
15:35
HTML5 Project: Build a Basic HTML5 Web Page + Tutorial
11:41
Advanced HTML Quiz
7 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:33

Expert HTML & HTML5

6 lectures
Section Intro: Expert HTML5 techniques
00:16
New HTML5 Inputs
13:03
Making Internet Explorer Compatible with HTML5
04:23
HTML5 Data Attribute
04:23
Expert HTML Quiz
4 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:48

Introduction to CSS

13 lectures
Section Intro: Essentials of CSS + Download Course Files
00:43
What is CSS? All the basics you need to know!
02:34
Inheritance of Styles
01:24
Measurements & The Box Model
07:44
Inline CSS
05:12
Internal CSS
05:53
External CSS
08:11
ID & Class Selectors
11:50
Descendant Selectors
11:05
Grouping Selectors
10:58
Specificity
05:56
CSS Project: Style an HTML Web Page + Tutorial
16:33
Section Outro: Wrap Up, Further Learning & What's Next
00:57

Intermediate CSS

8 lectures
Section Intro
00:15
Colors
03:21
Text Styling & Formatting
14:14
Borders
06:51
Background Images
10:14
Styling Links
10:56
CSS Quiz
17 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:16

Advanced CSS

8 lectures
Section Intro
00:18
Styling Web Forms
22:10
Block, Inline and Inline-Block Elements
02:31
Understanding Float & Clear (once and for all!)
21:11
Relative, Absolute & Fixed Position
11:34
CSS Project: Build the Google Home Page + Tutorial (Part I)
18:03
CSS Project: Build the Google Home Page (Part II)
17:11
Section Outro: Wrap Up, Further Learning & What's Next
00:22

CSS Flexbox

3 lectures
A Guide to CSS Flexbox - Parent Properties (a.k.a. Flex Container Properties)
23:29
Flex Items: Understanding the Mysterious "Flex" Property
19:53
Flex Items: Align-Self Property
03:28

Expert CSS & CSS3

10 lectures
Section Intro: What is CSS3? + Course Files Download
00:26
CSS3 Box Sizing & Round Corners
08:11
CSS3 Colours & Gradients
09:19
CSS3 Shadows
09:53
CSS3 Columns
07:27
CSS3 Animations & Transitions
18:46
CSS3 Project #1: Create Animated Buttons + Tutorial
10:22
CSS3 Project #2: Code an Orbiting Planet Animation + Tutorial (Part I)
15:37
CSS3 Project #2: Code an Orbiting Planet Animation (Part II)
21:52
Section Outro: Wrap Up, Further Learning & What's Next
00:42

Advanced HTML & CSS Challenge

3 lectures
Your Challenge: Everything You Need to Know + Section Wrap Up
01:11
Bonus Tutorial: How to Slice a Photoshop Design & Convert it to HTML & CSS
15:28
Bonus Tutorial P2: How to Slice a Photoshop Design & Convert it to HTML & CSS
17:20

Introduction to Javascript

12 lectures
Section Intro: What is Javascript, The 80/20 Rule + Course Files Download
01:11
Internal & External Javascript
09:35
Basic Syntax of Javascript (and many other programming languages)
06:53
Javascript Output
05:38
Javascript Variables
17:36
Javascript Arrays
16:00
Javascript Functions
08:22
Javascript If / Else Statements
08:25
Javascript Project: Program a Tip Calculator + Tutorial
17:48
Javascript Project: Program a Tip Calculator, Part II
18:47
Javascript Quiz
17 questions
Section Outro: Wrap Up, Further Learning & What's Next
00:50

Introduction to jQuery

7 lectures
Section Intro: What is jQuery? + Course Files
00:23
Download & Install jQuery
13:57
The Simple Syntax of jQuery
09:59
jQuery Selectors
07:39
jQuery Event Methods
11:28
Basic jQuery Quiz
5 questions
Section Outro: Wrap Up & What's Next
00:15

Intermediate jQuery

7 lectures
Section Intro: jQuery Deep Dive!
00:25
jQuery Chaining
04:07
Hiding, Showing & Fading Content with jQuery
07:51
The jQuery Animate Method
10:13
Modifying CSS with jQuery
08:44
jQuery Project: Mini Race Car Game + Tutorial
24:27
Section Outro: Wrap Up, Further Learning & What's Next
00:42

jQuery UI (Advanced jQuery)

8 lectures
Section Intro: What is jQuery UI? + Course Files
00:46
jQuery UI: Draggable
11:25
jQuery UI: Droppable
07:10
jQuery UI: Sortable
06:12
jQuery UI: Accordion
05:41
jQuery UI: Datepicker
09:29
jQuery Project: To Do List Web Application + Tutorial
13:22
Section Outro: Wrap Up, Further Learning & What's Next
00:39

Responsive Design & Development using Bootstrap

16 lectures
Section Intro: What is Responsive Design & Bootstrap? + Course Files
02:11
Getting Started with Bootstrap
11:19
Quickly Prototype with the Free Examples
10:32
Understanding the Bootstrap Grid System
15:55
Responsive (and sexy) Forms
23:13
Responsive Tables, Buttons and Images
13:02
Helper Classes & Responsive Utilities
07:35
Using Glyphicons (Font Icons)
05:35
Bootstrap Navbar
18:10
Bootstrap Modal Window
09:13
Bootstrap ScrollSpy
09:29
Togglable Tabs
06:47
Sliding Carousel
12:41
Bootstrap Project: Code a "Hipster" Startup Website + Tutorial
16:37
Bootstrap Project: Startup Website, Part 2
15:47
Section Outro: Wrap Up, Further Learning & What's Next
01:21

Advanced Bootstrap Challenge

1 lectures
Your Challenge: Convert Your Custom Website Into a Responsive Bootstrap Site
02:01

Web Hosting & Domains

5 lectures
Section Intro: What is Web Hosting?
01:14
Purchasing a Bundled Domain Name & Hosting Package
11:34
The Hosting Control Panel (a.k.a. cPanel)
06:17
Understanding FTP & How to Upload a Website to Your Live Server
10:07
Section Outro: Wrap Up, What's Next + Bonus (Free) Web Hosting
00:31

Introduction to PHP

8 lectures
Section Intro: What is PHP & What Does It Do? + Course Files
00:44
Basic PHP Syntax
08:38
PHP Variables & Constants
06:05
PHP Arrays (Associative & Multi-Dimensional)
17:35
PHP Project: Program an App to fix "Click Bait Headlines" + Tutorial
20:10
PHP Project: Click Bait Headlines, Part 2
10:19
PHP Quiz
7 questions
Section Outro: Wrap Up & What's Next
00:21

Intermediate PHP

7 lectures
Section Intro: Let's dive deeper into PHP
00:21
If, Else and Elseif Statements
14:05
PHP Loops: While, For, Foreach & Do While
12:56
PHP Functions & Arguments
10:34
$_GET and $_POST
18:42
PHP Project: Convert a Static Website into a Dynamic PHP Site + Tutorial
18:03
Section Outro: Wrap Up, Further Learning & What's Next +Bonus (Free) PHP Course!
01:14

Introduction to MySQL Databases

15 lectures
Section Intro: What is MySQL? + Course Files
00:53
Creating Your First MySQL Database + phpMyAdmin Overview
18:16
Establishing a MySQL Connection with PHP
09:41
Selecting Data from a Database and Displaying it on Your Web Page
13:02
Insert Data into Your Database from a Web Page
21:15
Password Hashing (for securely storing passwords)
08:45
Using PHP Sessions to Store Global Variables
08:56
MySQL Project #1: Code a Login Form, Profile Page & Logout + Tutorial
21:56
MySQL Project #2.1: Client Address Book - Planning our Application
06:13
MySQL Project #2.2: Client Address Book - Build the Login Sequence
20:42
MySQL Project #2.3: Client Address Book - Logout Sequence & Display Clients
11:42
MySQL Project #2.4: Client Address Book - Adding Clients
10:07
MySQL Project #2.5: Client Address Book - Editing Clients
11:20
MySQL Project #2.6: Client Address Book - Deleting Clients
07:32
Section Outro: Wrap Up, Further Learning & What's Next
00:30

Advanced PHP & MySQL Challenge

1 lectures
Your Challenge: Convert Your Custom Static Website into a Dynamic Website
03:40

WordPress Websites

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

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

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

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

11 lectures
Welcome Ryan, our AngularJS expert & Guest Instructor
00:45
An Introduction to AngularJS + The App You'll Build from Scratch
00:46
Installation & Set up
09:53
Controllers and Views
11:31
Switching to Services
05:48
$HTTP Service
05:08
Creating the User Interface
11:12
Custom Filters
08:55
Creating New Data
10:55
Editing and Deleting Data
10:28
Wrap Up & Further Learning
00:57

Legacy Content: WordPress Plugin Quick Start

24 lectures
Bonus Section Intro: Introducing Joel Funk (our Plugin Ninja)!
01:35
Welcome to the WordPress Plugin Quick Start + Course Files
01:26
Course Requirements
01:20
Concepts & Definitions: Introduction
00:23
Concepts & Definitions: What are plugins?
04:41
Concepts & Definitions: What are hooks?
02:36
Concepts & Definitions: Common actions & filters
02:56
Concepts & Definitions: What are post types?
03:36
Concepts & Definitions: Planning plugins
06:41
Groundwork: Introduction
00:41
Groundwork: Plugin header data
07:57
Groundwork: Creating admin pages
09:48
Groundwork: Creating admin menus
11:44
Groundwork: Creating custom post types
10:06
Groundwork: Creating custom database tables
13:43
Core features: Introduction
00:38
Core features: Creating custom shortcodes
01:24
Core features: Enhancing shortcodes
22:56
Core features: Including scripts
13:56
Core features: Capturing form submissions
28:01
Core features: Handling Ajax responses
20:18
Core features: Creating custom admin columns
11:22
Core features: Completing our stats page
17:51
Core features: Completing our welcome page
11:07

Legacy Content from The First Version of the Course

10 lectures
[Legacy] What You Get in This Course: Major Course Discounts + eBook
01:31
[Legacy] How to Get a Free Trial of Adobe Photoshop & More
02:04
[Legacy] Welcome Section - Wrap Up: What You've Learned & What's Next
01:04
[Legacy] Pop Quiz!
4 questions
[Legacy] Section Intro: What You're Going to Learn
00:45
[Legacy] The Basic Elements & Principles of Visual Design
05:51
[Legacy] Typography Basics
03:01
[Legacy] The Science of Colour (or Color)
05:33
[Legacy] Designing with Grids
02:29
[Legacy] Section Outro: Wrap Up, Further Learning & What's Next
00:51

Bonus Section

1 lectures
Bonus Lesson
00:29

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi