این دوره نحوه طراحی و توسعه وب را به صورت کامل همراه با ساخت 23 پروژه عملی آموزش می دهد. در این آموزش تصویری بهبود مهارت های طراحی وب ، استفاده از نرم افزار Adobe Photoshop  و نحوه کار با HTML5 ، CSS3 ، Javascript ، jQuery ،  PHP و MySQL را می آموزید.
این دوره آموزشی محصول موسسه Udemy است.

سرفصل های دوره:

  • کار با Adobe Photoshop
  • مقدمه ای بر طراحی بصری
  • ساخت عناصر اساسی
  • مبانی تایپوگرافی
  • نحوه طراحی شبکه
  • ایجاد سند جدید در فتوشاپ
  • کار با نوار ابزار در فتوشاپ
  • کار با منوها
  • مقدمه ای بر طراحی وب سایت
  • کار با Wireframing
  • چهار مرحله در طراحی وب سایت
  • تجربه کاربری (UX) چیست؟
  • نحوه طراحی فرم ها
  • نحوه به اشتراک گذاری داده ها
  • مقدمه ای بر HTML
  • نحوه برچسب گذاری سایت
  • کار با ویژگی ها و عناصر HTML
  • ساختار یک وب سایت
  • نحوه لینک گذاری
  • ساخت لیست
  • کار با تصاویر
  • نحوه ساخت جداول
  • کار با موجودیت های HTML
  • کار با HTML5
  • کار با تکنیک های HTML
  • نحوه افزرودن سربرگ، پاورقی
  • نحوه اعتبارسنجی داده های ورودی
  • مقدمه ای بر CSS
  • CSS چیست؟
  • کار با مفاهیم وراثت
  • ساخت CSS خارجی
  • نحوه تست و اشکال زدایی برنامه
  • و…

عنوان دوره: Udemy Ultimate Web Designer & Developer Course: Build 23 Projects
نویسنده: Brad Hussey, Code College


توضیحات:

Udemy Ultimate Web Designer & Developer Course: Build 23 Projects

Brad Hussey, Code College 
All Levels
32.5 hours


Become a Full-Stack Developer - Learn Everything from Design to Front & Back-End Programming
Are you looking for an all-in-one Web Design, Web Development and Career Building course that takes you step-by-step through the all of the skills you need know to start a working professionally?
Are you a programmer looking to improve your design skills, so your designer colleagues can stop making fun of your bad designs? Or maybe you're a designer looking to learn how to code, so your programmer colleagues can stop laughing at your sad coding attempts?
Have you wasted hours of your time or money watching terrible video tutorials that make you fall asleep at your desk?
Stop wasting your time & money! This is the ultimate, most comprehensive, A to Z web design, development and career building course on the market. I promise and I guarantee that to be true.
Here is my guarantee to you: If within 30 days you complete this course and you haven't experienced impressive results, you can't design or build modern websites, or you can't get a paying web design or development gig — I will give you 100% of your money back.
You will go from knowing nothing to creating over 23 impressive designs, websites, and applications — all with step-by-step instruction from the most entertaining and engaging coding instructor on the web today!
We'll start by learning Visual & Web Design, how to use Adobe Photoshop, and how to sketch professional wireframes. We'll then learn to code with HTML5, CSS3, Javascript and jQuery. At this point you'll be able to code custom websites, animations and web applications by yourself.
Once we're cool with the front-end languages, we'll then melt our brain-bits with highly advanced skills like Responsive Websites, PHP, MySQL, WordPress and custom WordPress plugin development. You'll then have the ability to build responsive, dynamic websites and blogs, basic eCommerce sites and online stores, and have a professional understanding of all aspects of web design & development.
After you've learned everything from Design to Development, you'll be taken through a hands-on career section fully-loaded with valuable tips, resources, and real-world guidance to help you start your career — whether you want to work-from-home as a freelancer, or secure a full-time studio gig at a design agency.
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
Impressive application that fixes clickbait headlines
Working "login" and "logout" sequence
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
Why trust me? What makes me any better than the thousands of coding instructors out there?
My name is Brad Hussey, and I've been working professionally as a designer and developer for over 6 years. I studied design & development in college for 2 years before getting hired as an in-house web developer at a local web development firm. Only a year into full-time employment, I quit to start my own freelance business from home, which has been the best career move I've ever made because it allows me the freedom to work on my own terms on projects I love to be a part of, and it pays extremely well.
What makes me different than all the other coding instructors out there is that I know how to communicate complex & boring concepts without putting you to sleep! While you're staring at a screen with hundreds of lines of code, I like to keep things light, crack jokes and keep you entertained. My approach is simple, hands-on, and relaxed. Think of me as your handsome friend who just so happens to be a passionate computer geek under the surface.
Don't take it from me, read what some of my students have said about my courses:
"Instantly, I felt comfortable with Brad's style and approach. After only a week of finishing this course, I have 3 projects for freelance website design. I couldn't thank Brad enough!" — a graduate of Bootstrap to WordPress
"I challenged myself to an entire weekend to complete the  project, utilizing this course as a step-by-step guide. I am happy to say that my challenge was successful! I've already received payment for my work and my client was so impressed that he immediately gave me another project to work on!" — a graduate of Bootstrap to WordPress
How would you like to be able start a lucrative career in web design & development, work for a high-tech company, or kick back in the comfort of your own home studio providing high quality solutions to your very own clients?
There's a ton of design & coding courses out there begging for your money & attention, but none of them will give you the ultimate fusion of web design, development and career building that I guarantee this course will deliver.
So stop wasting your time and money on courses & tutorials that don't deliver - and let's launch your career to new heights!
Join me on this journey, and I promise I won't let you down. Set yourself up for success, and sign up for the course right now. See you on the inside :)
What are the requirements?
No prior design or coding knowledge required!
Any operating system: Mac, PC, Linux
No expensive software required
What am I going to get from this course?
Build 23+ custom design, web and programming projects - from scratch!
Learn more than 18 professional disciplines
Plan, design and code your very own self-directed project - from A to Z!
Plan, design and program robust, and fully custom websites and applications
Design and code modern & responsive landing pages
Code at an expert level of proficiency with HTML & CSS
Code websites & applications with HTML5 & CSS3
Code games & animations with CSS3 and jQuery
Comfortably use the tools in Adobe Photoshop
Design modern websites in Adobe Photoshop
Design a professional business card in Adobe Photoshop
Design with grids, on paper and on the screen
Understand the history and application of visual design
Wireframe and optimize user experiences for websites and applications
Choose the correct fonts for design & web projects
Create beautiful colour schemes based on scientific colour theory
Build a working "Tip Calculator" in Javascript
Build a useful "To Do List" web application in jQuery UI
Comfortably set up hosting & domain names for your clients
Program advanced 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
Get hired as a full-time web designer or web developer
Grow a profitable and successful freelance career with your new skills
Earn a full-time income from any of the disciplines you learn!
Make money on the side designing & building websites
Learn AngularJS & Build an AngularJS Application
Learn all about WordPress Plugin Development
Plan, Develop & Publish a "Survey" WordPress Plugin
What is the target audience?
Developers and Programmers looking to dramatically improve their design skills
Graphic & Web Designers desiring to dramatically improve their web development & programming skills
Total beginners who want to learn how to plan, design and program amazing websites & applications
Those who desire to make a comfortable living online as a web designer or developer
Professionals who desperately want to leave the 9-to-5 for a fruitful new web career
Freelancers who want to deliver higher value to their web design clients
Designers & developers who want to know how to start a successful freelance career
Anyone who wants to learn from the most entertaining & engaging coding instructor

Section 1: Introduction: Why This is The Only Design/Development Course You'll Ever Need
Lecture 1	
Course Introduction: All You Need to Know 
02:06
Lecture 2	
What You Get in This Course: Major Course Discounts + eBook 
01:31
Lecture 3	
How to Get a Free Trial of Adobe Photoshop + Free Icons, Graphics & More! 
02:04
Lecture 4	
Price Calculator: Discover Your Hourly Rate & How Much You Should Charge! 
02:33
Quiz 1	
Pop Quiz! 
4 questions
Lecture 5	
Intro Wrap Up: What You've Learned & What's Next 
01:04
Section 2: Introduction to Visual Design
Lecture 6	
Section Intro: What You're Going to Learn 
00:45
Lecture 7	
The Basic Elements & Principles of Visual Design 
05:51
Lecture 8	
The Design "CRAP" Principles 
01:59
Lecture 9	
Typography Basics 
03:01
Lecture 10	
The Science of Colour (or Color) 
05:33
Lecture 11	
Designing with Grids 
02:29
Quiz 2	
Visual Design Quiz 
7 questions
Lecture 12	
Section Outro: Wrap Up, Further Learning & What's Next 
00:51
Section 3: Introduction to Adobe Photoshop
Lecture 13	
Section Intro: The 80/20 Rule, Photoshop Basics, and More 
01:29
Lecture 14	
Creating a New Photoshop Document 
04:51
Lecture 15	
Photoshop Environment: The Toolbar - Part 1 
20:39
Lecture 16	
Photoshop Environment: The Toolbar - Part 2 
14:44
Lecture 17	
Photoshop Environment: Palettes 
11:49
Lecture 18	
Photoshop Environment: The Menu 
12:14
Lecture 19	
Photo Enhancement & Manipulation 
17:00
Lecture 20	
Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial 
07:08
Lecture 21	
Photoshop Project #2: Design a Business Card + Tutorial 
07:39
Quiz 3	
Photoshop Quiz 
4 questions
Lecture 22	
Section Outro: Wrap Up, Further Learning & What's Next 
00:21
Section 4: Introduction to Web Design (and more Photoshop)
Lecture 23	
Section Intro: Web Design Basics, Wireframing, Photoshop 
00:31
Lecture 24	
Web Design Terminology: The Jargon the Pros Use 
04:44
Lecture 25	
The Four Phases of a Web Design Project + Cost Estimates 
07:42
Lecture 26	
What is User Experience (UX) Design? 
14:36
Lecture 27	
The Anatomy of a Website Design 
05:17
Lecture 28	
The 960 Grid System + Free Photoshop Downloads 
05:24
Lecture 29	
Web Design Project #1: Design a Minimal Landing Page + Tutorial 
17:42
Lecture 30	
Web Design Project #2: Re-Design a Blog Landing Page 
06:07
Lecture 31	
Web Design Project #2: Tutorial 
20:22
Quiz 4	
Web Design Quiz 
10 questions
Lecture 32	
Section Outro: Wrap Up, Further Learning & What's Next 
00:26
Section 5: Advanced Web Design Challenge
Lecture 33	
Challenge Intro: How the Challenge Works 
01:06
Lecture 34	
Discovery Phase: Create a Sitemap 
01:03
Lecture 35	
Discovery Phase II: Sketch & Wireframe Your Design 
00:35
Lecture 36	
Creative Phase: Design Your Website in Photoshop 
00:35
Lecture 37	
Sharing, Collaborating & Getting Feedback on Your Design 
00:43
Lecture 38	
Challenge Wrap Up & What's Next 
00:23
Section 6: Introduction to HTML
Lecture 39	
Section Intro: HTML Fundamentals, First Webpage, Course Files 
00:33
Lecture 40	
The Basics of HTML: Tags, Attributes, Elements 
04:05
Lecture 41	
Basic File & Folder Structure of a Website 
04:34
Lecture 42	
Your Must Have Tool: A Good Code Editor 
05:57
Lecture 43	
Hello World: Create Your Very First Web Page! 
04:08
Quiz 5	
HTML Quiz 
8 questions
Lecture 44	
Section Outro: Wrap Up, Further Learning & What's Next 
00:32
Section 7: Intermediate HTML
Lecture 45	
Section Intro: HTML Tags, Code a Real Web Page 
00:18
Lecture 46	
Basic Structure of an HTML Document 
05:10
Lecture 47	
Heading & Paragraph Tags 
06:26
Lecture 48	
Using Emphasis & Strong Emphasis 
04:35
Lecture 49	
Hyperlinks 
05:14
Lecture 50	
Lists 
05:52
Lecture 51	
Images 
09:47
Lecture 52	
Tables 
05:52
Lecture 53	
Forms 
14:00
Lecture 54	
HTML Entities & "Special Characters" 
03:19
Lecture 55	
HTML Project: Code a Basic Web Page + Tutorial 
09:23
Quiz 6	
Intermediate HTML Quiz 
11 questions
Lecture 56	
Section Outro: Wrap Up, Further Learning & What's Next 
00:21
Section 8: Advanced HTML & HTML5
Lecture 57	
Section Intro: Advanced HTML Techniques, HTML5 
00:18
Lecture 58	
IDs & Classes 
04:53
Lecture 59	
Span & Div Tags 
08:53
Lecture 60	
Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time
15:35
Lecture 61	
HTML5 Project: Build a Basic HTML5 Web Page + Tutorial 
11:41
Quiz 7	
Advanced HTML Quiz 
7 questions
Lecture 62	
Section Outro: Wrap Up, Further Learning & What's Next 
00:33
Section 9: Expert HTML & HTML5
Lecture 63	
Section Intro: Expert HTML5 techniques 
00:16
Lecture 64	
New HTML5 Inputs 
13:03
Lecture 65	
Making Internet Explorer Compatible with HTML5 
04:23
Lecture 66	
HTML5 Data Attribute 
04:23
Quiz 8	
Expert HTML Quiz 
4 questions
Lecture 67	
Section Outro: Wrap Up, Further Learning & What's Next 
00:48
Section 10: Introduction to CSS
Lecture 68	
Section Intro: Essentials of CSS + Download Course Files 
00:43
Lecture 69	
What is CSS? All the basics you need to know! 
02:34
Lecture 70	
Inheritance of Styles 
01:24
Lecture 71	
Measurements & The Box Model 
07:44
Lecture 72	
Inline CSS 
05:12
Lecture 73	
Internal CSS 
05:53
Lecture 74	
External CSS 
08:11
Lecture 75	
ID & Class Selectors 
11:50
Lecture 76	
Descendant Selectors 
11:05
Lecture 77	
Grouping Selectors 
10:58
Lecture 78	
Specificity 
05:56
Lecture 79	
CSS Project: Style an HTML Web Page + Tutorial 
16:33
Lecture 80	
Section Outro: Wrap Up, Further Learning & What's Next 
00:57
Section 11: Intermediate CSS
Lecture 81	
Section Intro 
00:15