EDGO 0390 - Web Design Professional
Overview
With more than 3 billion people using the Internet, the future of retail, learning, and most other industries, is online. This means web designers are needed to create and maintain those websites. If you're looking to use your creative skills in today's digital landscape, the Web Design Professional course is for you.
This course will teach you foundational web design skills. You will first learn best practices for the technologies that drive web functionality: HTML, CSS, and JavaScript. You will then learn Creating, Styling, and Validating Forms, and take a deep dive into Bootstrapping to further your knowledge of web development. Finally, you will learn how to use the tools of the trade: Adobe Photoshop, Dreamweaver, and Animate.
The need for web designers isn't slowing down. Every great site needs more than functionality—it needs a fresh, unique look to convey an organization's products, services, and message. With the skills you gain from this intensive course, you can start a fast-paced career in web design.
+ Features
What you will learn
- To plan, design, and build dynamic database-driven websites using the latest technologies
- Master basic HTML and learn CSS for decorating pages
- Understand the fundamentals of HTML, CSS, JavaScript, and Bootstrap
How you will benefit
- Gain web development skills to jumpstart a career in a growing technical field
- Understand the latest trends and best practices for using web development technologies
- Strengthen your professional portfolio with the website you build for the final course project
Course Outline
I. Introduction to HTML
- A Quick Overview of Web Development
- Introduction to HTML
- Paragraphs, Headings and Text
- HTML Links
- HTML Images
- HTML Lists
- HTML Tables
- Sectioning a Web Page
- Audio and Video
II. Introduction to CSS
- Crash Course in CSS
- CSS Fonts
- Color and Opacity
- CSS Text
- Borders, Margins and Padding
- Backgrounds
- Display and Visibility
- Pseudo-classes and Pseudo-elements
- Styling Tables with CSS
- Positioning
- Transforms and Transitions
- Layouts
- CSS Lists as Hierarchical Navigation
- Media Queries
III. Introduction to JavaScript
- JavaScript Basics
- Variables, Arrays and Operators
- JavaScript Functions
- Built-In JavaScript Objects
- Conditionals and Loops
- Event Handlers and Listeners
- The HTML Document Object Model
- CSS Object Model
- Errors and Exceptions
IV. Creating, Styling, and Validating Forms
- HTML Forms
- JavaScript Form Validation
- Styling Forms with CSS
- Regular Expressions
- Node.js and Server-side Form Validation
- JSON
V. Bootstrap Training
- Getting Started with Bootstrap Basics
- Bootstrap Layout
- Creating Responsive Navigation
- Bootstrap Typography
- Tables
- Bootstrap Forms
- Images
- Bootstrap Components
- Bootstrap Utilities
- Bootstrap Flex
VI. Web Design Professional Mid-term Exam
VII. Color Theory
- Terminology
- Building an Efficient Color Theme
- Color Theory Principles
- Color Context
- Implementing Color
VIII. Typography
- Anatomy
- Typeface vs. Font
- Rules for Typography
- Types of Typography
- Type Hierarchy
- Building an Efficient Style Guide
IX. Introduction to Photoshop Creative Cloud (CC) Training
- Exploring the Photoshop Workspace
- Image Size and Resolution
- Selection Tools
- Painting
- Retouching
- Color Correction
- Advanced Layer Techniques
- Working with Type and Vector Shapes
- Designing for Web
- Preparing Final Art
X. Introduction to Dreamweaver Creative Cloud (CC) Training
- A Quick Overview of Web Development
- Getting Started with Dreamweaver
- Creating HTML Pages
- Links
- Images
- Lists
- Tables
- Styling Content
XI. Managing Web Design Projects
- Design Process
- Project Scope
- Mock-ups
- Functionality Model
- Integration
- Usability and Accessibility Rules
- Roll-out
- Analysis
XII. Adobe Animate Creative Cloud (CC) Training
- Getting Started
- Working with Drawing Tools
- Graphic Symbols and the Library
- Basic Animation
- Advanced Animation
- Button Symbols
- Movie Clip Symbols
- Publishing Animate Documents
XIII. Web Design Professional Final Exam
XIV. Final Project
+ Requirements
Hardware Requirements:
- This course can be taken on either a PC or Mac. A PC is used in the the demonstrations, so you'll need to make some adjustments if you do the exercises on a Mac.
Software Requirements:
- PC: Windows 10 or later.
- Mac: OS X Mountain Lion 10.8 or later.
- Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
- Adobe Photoshop (not included in enrollment).
- Adobe Dreamweaver (not included in enrollment).
- Adobe Animate (not included in enrollment).
- Adobe Illustrator or Adobe InDesign (not included in enrollment).
- Visual Studio Code (this is a free code editor; instructions for downloading and installing it are provided in the course).
- Adobe Acrobat Reader.
- Software must be installed and fully operational before the course begins.
Other:
- Email capabilities and access to a personal email account.
Instructional Material Requirements:
- The instructional materials required for this course are included in enrollment. Manuals are included as downloadable PDFs throughout the course.
+ Prerequisites
+ Designed For
Job Outlook for Web Designers
- On average, web designers make just over $61,000 annually, according to workforce analytics firm Burning Glass.
- Burning Glass data also indicates that job demand for web designers will increase 15% over the next decade, which is almost double the average growth for all other careers.
- According to the US Bureau of Labor Statistics (BLS), web developers is just over $75,000. Many web designers today function as the design and development lead on web projects.
Questions? Submit an inquiry HERE