This web design course will teach you the fundamentals of web design. You will learn the technology, philosophy, and techniques to bring online creativity to life, gain practical skills for managing web projects, and build your own portfolio through hands-on projects.
Requirements:
Hardware Requirements:
- This course can be taken on either a PC or Mac. A PC is used in 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: macOS 11.0 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 Animate (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.
In an increasingly digital world, the demand for skilled web designers is higher than ever. Businesses and organizations are seeking professionals who can not only build functional websites but also deliver a compelling digital experience to users. Our Web Design Professional course is designed to equip you with the comprehensive skill set you need to excel in this dynamic field.
The web design course covers a broad spectrum of essential topics, including the core technologies that power the web: HTML, CSS, and JavaScript. You will learn how to construct, style, and validate web forms, and get hands-on experience with Bootstrap and Vue.js to help you build well-designed, highly functional websites.
But web design is not just about coding; it is also about creating visually engaging layouts and graphics. That's why our online web design training includes lessons in color theory and typography and industry-standard tools, including Adobe Animate and Photoshop, that allow you to bring your creative visions to life. We also dive into the nuances of managing web design projects to equip you with the organizational skills needed to oversee complex projects from inception to completion.
By the end of this intensive web design training course, you will have a well-rounded skill set that includes both the technical know-how and the creative flair needed to start a rewarding career in web design. Whether you are looking to work in a large tech firm, join a boutique design agency, or start your own freelance business, this course will give you the tools you need to succeed.
- Web Design Professional
- Animate
- Introduction to Animate
- Animation Basics
- Drawing Tools
- Character Design
- Advanced Techniques
- Working In the Animation Industry
- Photoshop
- Photoshop Crash Course
- Selections and Masks
- Reconstructing and Retouching
- More Layers and Selections
- Brushes and Painting
- Working in the Design Industry
- 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
- Color Theory
- Terminology
- Building an Efficient Color Theme
- Color Theory Principles
- Color Context
- Implementing Color
- Typography
- Anatomy
- Typeface vs. Font
- Rules for Typography
- Types of Typography
- Type Hierarchy
- Building an Efficient Style Guide
- Introduction to CSS Training
- 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
- Introduction to JavaScript Training
- 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
- Creating, Styling, and Validating Web Forms
- HTML Forms
- JavaScript Form Validation
- Styling Forms with CSS
- Regular Expressions
- Node.js and Server-side Form Validation
- JSON
- Introduction to Bootstrap Training
- Getting Started with Bootstrap Basics
- Bootstrap Layout
- Creating Responsive Navigation
- Bootstrap Typography
- Tables
- Bootstrap Forms
- Images
- Bootstrap Components
- Bootstrap Utilities
- Bootstrap Flex
- Advanced JavaScript Concepts
- Node.js
- Scope, var, let, and const
- Arrow Functions
- Rest Parameters
- Spread Operator
- Array Destructuring
- Template Literals
- Objects, Context, and the this Object
- Array map() Method
- Array filter() Method
- Array find() Method
- JavaScript Modules
- npm
- Introduction to Vue 3 Training
- Getting Started with Vue.js
- Basic Vue Features
- Directives
- Implementing Game Logic
- Transitions and Animations
- Vue Routing
- Managing Web Design Projects
- Design Process
- Project Scope
- Mock-ups
- Functionality Model
- Integration
- Usability and Accessibility Rules
- Roll-out
- Analysis
What you will learn
- Gain a solid understanding of foundational languages like HTML for structure, CSS for styling, and JavaScript for interactivity
- Familiarize yourself with Bootstrap and Vue.js to create responsive, user-friendly websites
- Learn to utilize Adobe Animate and Photoshop for creating visually appealing graphics and layouts
- Delve into the principles of color theory and typography to enhance the aesthetic and usability of your web designs
- Acquire essential skills for managing web design projects
- Understand how to create, style, and validate web forms to ensure a secure and user-friendly experience
How you will benefit
- Equip yourself with a diverse skill set that opens doors to a rewarding career in the rapidly growing field of web design and development
- Learn the latest trends, tools, and best practices in web development
- Enhance your professional portfolio through a series of hands-on projects, including a fully functional website as your final course project
- Gain real-world experience that prepares you for the challenges you will face in your web design career
- Develop a well-rounded skill set that encompasses both the technical and creative aspects of web design, making you a versatile professional in the field
Nat Dunn
Nat Dunn is a highly qualified web development trainer with over two decades of experience in the tech industry. As the founder of Webucator, a leading training company, he has dedicated his career to making quality technical education accessible to a global audience. Before founding Webucator, he gained hands-on experience in roles ranging from software development to project management. This industry experience informs his teaching methodology, which emphasizes practical, real-world projects and includes up-to-date content. Nat has personally trained thousands of students in both live instructor-led and self-paced courses. His clear teaching style makes complex technical concepts accessible to learners at all levels. Nat is a Certified Technical Trainer and has an MBA from Harvard Business School and a BA in International Relations from Pomona College.
Tracy Berry
Tracy Berry has been a senior graphic designer/programmer, instructor, and consultant since 1993 and has developed hundreds of logos, marketing materials, websites, and multimedia solutions for customers worldwide. She was also involved in several large corporate software rollouts. She has helped many organizations optimize and streamline data solutions. She teaches both onsite and online courses and has her CTT (Certified Technical Trainer) certification. Tracy specializes in teaching graphics, desktop publishing, web design, and reporting/productivity applications.