This comprehensive curriculum is strategically divided into key development areas:
HTML5 and CSS3, Parts 1 - 3
Course Duration - 7 hr 0 min
With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.
Course Objectives:
Course Objectives:
- Use structural tags and custom data attributes in HTML5
- Implement HTML5 form input types and advanced validation
- Apply CSS3 transitions and pseudo-classes
- Utilize local storage for user preferences and history management
- Draw and animate graphics with WebGL
- Implement multi-column layouts and media queries
- Apply rounded corners and shadows in CSS3
- Use real fonts and CSS3 transitions
- Enable native drag and drop functionality
- Draw and animate graphics on the canvas
- Implement Web SQL storage for data management
- Manage browser history in web applications
- Use geolocation to obtain and display user locations
- Draw and animate graphics using WebGL
- Utilize shaders and buffers for enhanced graphic rendering
Detailed Course Outline:
Detailed Course Outline:
Part 1
- Introduction
- Structural Tags and Attributes
- Custom Data Attributes
- HTML5 Form Input Types
Part 2
- Multi Column Layouts
- Media Queries
- Rounded Corners
- Adding Shadows
- Using Real Fonts
- CSS3 Transitions
- Native Drag and Drop
Part 3
- Web SQL Storage
- Web SQL Storage Continued
- Web SQL Storage Conclusion
Beginning Responsive Web Development with HTML and CSS
Course Duration - 6 hr 53 min
With trends driving the changes in web design, it is almost impossible for desktop-only websites to meet minimum style and usability expectations. We show you how to create a single solution that works on all modern devices. This course begins with the latest techniques provided by HTML5 and CSS3. Along the way, you will discover tips and tricks that make your future designs and development workflow leaner and more maintainable than ever before. By the time you reach the end, you will be equipped with the latest cutting-edge frontend development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices.
Course Objectives:
Course Objectives:
- Recognize the importance of responsive design in modern web development
- Utilize cleaner, faster, and semantically rich HTML markup
- Integrate CSS media queries into designs to serve unique styles to audiences
- Create web forms with built-in validation and interface elements using only HTML
- Use latest stylistic flourishes with custom fonts, properties, and selectors
- Use SVGs for resolution independence
Detailed Course Outline:
Detailed Course Outline:
Lesson 1: The Essentials of Responsive Web Design
- The Essentials of Responsive Web Design
- Defining Responsive Web Design
- Tools and Text Editors
- First Responsive Example Building a Simple Fluid Layout
- Taming Images
- Amending the Example for a Larger Screen
- Course Summary
- Assessment
Lesson 2: Media Queries – Supporting Different Viewports
- Media Query Syntax
- Combining Media Queries
- Using Media Queries to Alter a Design
- Media Queries Best Practices
- The Viewport Meta Tag
- Media Queries Level 4
- Lesson Summary
- Assessment
Lesson 3: Fluid Layouts and Responsive Images
- Converting a Fixed Pixel Design to a Fluid Proportional Layout
- Flexbox
- Direction Part 1
- Direction Part 2
- Alignment
- Flex Property
- Changing Source Order
- Responsive Images
- Lesson Summary
- Assessment
Lesson 4: HTML5 for Responsive Web Designs
- HTML5 Markup
- Semantic HTML5
- HTML5 Media Elements
- Lesson Summary
- Assessment
Lesson 5: CSS3 – Selectors, Typography, and Color Modes
- Introduction to CSS
- Word Wrapping
- Facilitating Feature Forks in CSS
- New CSS3 Selectors and Their Use
- CSS3 Structural Pseudo-Classes
- nth Rules
- More about CSS
- New CSS3 Color Formats and Alpha Transparency
- Lesson Summary
- Assessment
Lesson 6: Stunning Aesthetics with CSS3
- Shadows with CSS3
- Gradients
- Adding Fallback for Older Browsers
- Background Images
- CSS Filters
- Lesson Summary
- Assessment
Lesson 7: Transitions, Transformations, and Animations
- CSS3 Transitions
- CSS3 2D Transforms
- CSS3 3D Transformations
- CSS Animations
- Lesson Summary
- Assessment
Lesson 8: Conquer Forms with HTML5 and CSS3
- HTML5 Forms
- The HTML5 Input Element
- Styling forms with CSS
- Lesson Summary
- Assessment
Lesson 9: Using SVGs for Resolution Independence
- Introducing SVGs
- Inserting SVGs
- Extra SVG Capabilities and Oddities
- Lesson Summary
- Assessment
HTML5 and CSS3 Complete Course: Build Websites Like a Pro
Course Duration - 4 hr 21 min
Learn the foundations of HTML and CSS and use them to create high-quality websites with the help of this beginner’s friendly course. We will start with HTML fundamentals and build simple web pages in the first half of the course. In the second half, we will focus on CSS and learn to style websites beautifully.
Course Objectives:
Course Objectives:
- Identify the basic building blocks in HTML
- Describe different HTML tags
- Build a form from scratch
- Include multimedia in your web pages (audio, video, images)
- Build a foundation of CSS coding
- Explain in-depth CSS3 selector properties
Detailed Course Outline:
Detailed Course Outline:
Introduction to HTML5 and Setting Things Up
- Introduction to HTML5
- Features of HTML5
- Benefits of Using HTML5
- Where and How Is HTML5 Used?
- HTML5 Editors
- Downloading Visual Studio Code
- Source Code
Structure of an HTML5 File
- What are HTML Tags?
- Structure of an HTML5 File
- File and Folder Structure
- How to Create an HTML5 File
HTML5 Basic Building Blocks
- Heading Tags in HTML
- HTML5 Quotation and Citation Tags
- Commenting Out Code in HTML5
- HTML5 Attributes
- How to Style in HTML5
Exploring HTML5 Tags
- What Are Anchor Tags?
- What Are Image Tags?
- What Are Paragraph Tags?
- What Are Break Tags?
- What Are Table Tags?
- List Tags
- Video Tag
- Audio Tag
Building a Form From Scratch
- Form Tags
- Input Types
- Input Attributes (Size, Read-Only, Disabled)
- Additional Input Attributes (Min, Max, Multiple, and Placeholder)
- Required Inputs
Block and Inline Elements
- Introduction
- Examining Block and Inline Elements
HTML Conclusion
Introduction to CSS3
- Introduction to CSS3
- Syntax of CSS3
- Uses of CSS3
- Types of CSS3
- Selectors and Colors in CSS3
Basics Properties of CSS3
- Background
- Borders
- Outline
- Height and Width
- Margin and Padding
Typography Properties of CSS3
- Text Alignment
- Text Decoration
- Text Transform
- Text Spacing
- Font Family
- How to Use Font Awesome Icons
Selectors Properties in Depth of CSS3
- Display
- Positions
- Z-Index
- Overflow
- Float
- DOM (Document Object Model) Model
- Advanced Selectors
- Pseudo-Classes Part 1
- Pseudo-Classes Part 2
- Pseudo-Elements
Extra Features in CSS3
- Opacity and Important
- Border-Radius
- Box Shadow
Responsive Design
- Grid System
- Flexbox
- Media Queries
Mini Project
Essential Career Skills Pack
Productivity and Time Management
Course Duration - 30 min
It seems that there is never enough time in the day. But, since we all get the same 24 hours, why is it that some people achieve so much more with their time than others? This course will explain how to plan and prioritize tasks, so that we can make the most of the limited time we have. By using the time-management techniques in this course, you can improve your ability to function more effectively – even when time is tight and pressures are high. So, by the end of the course you will have the knowledge, skills and confidence to be an effective manager of your time.
Course Objectives:
Course Objectives:
- Set your priorities to better manage your time
- Improve your productivity by sharpening your focus and multitasking effectively
Detailed Course Outline:
Detailed Course Outline:
- Productiity & Time Management
- Prioritization
- Getting Things Done
- Procrastination
- Multitasking & Focus
- Summary
Basic Digital Skills
Course Duration - 13 min
With the rise of digital transformation and technology, having a basic digital literacy is essential for all types of jobs, regardless of the industry. To stay competitive and be successful in the workplace, enhancing your digital skills should be a top priority.
Course Objectives:
Course Objectives:
- Recall the essential digital skills framework
- Elaborate on the toolkit of essential digital skills
- Identify how to develop or improve your digital skills
Detailed Course Outline:
Detailed Course Outline:
- The Essential Digital Skills Framework
- The Toolkit of Essential Digital Skills
- Developing Digital Skills
- Summary
4 Ways to Boost Creativity
Course Duration - 30 min
The digital economy is opening up ways for everyone to be creative. It doesn’t just mean being artistic – it’s more about ideas, solutions, alternatives, incremental improvements. Peter Quarry and Eve Ash discuss ways that mental capacity can be developed, perspectives changed, group power leveraged and making things actually happen.
Course Objectives:
Course Objectives:
- Define creativity
- Think outside the box
- Develop the right mental attitude
- Leverage the power of groups
- Ensure managers make it happen
Detailed Course Outline:
Detailed Course Outline:
- What is Creativity at Work?
- Learn to Think Outside the box
- Develop the Right Mental Capacity
- Laverage the Power of Groups
- Ensure Managers Make It Happen
- Summary
The 11 Essential Career Soft Skills
Course Duration - 1 hr 10 min
Soft Skills are the traits, characteristics, habits, and skills needed to survive and thrive in the modern work world. Soft skills aren't usually taught in school, but you will learn them all here in this course. Are you someone that other people in your organization and industry like to work with, collaborate with and partner with? Are you seen as a valuable asset to any new project that comes along?
This soft skills training course will teach you how to develop the skills that can make the difference between a lackluster career that tops out at middle management versus one that lands you in the executive suite. Or to wherever you define career success. So many soft skills seem like common sense at first glance, but they are not commonly applied by most workers. This soft skills training course will give you an edge over your competitors. It will also make your job, your career and your life more rewarding and enjoyable.
Course Objectives:
Course Objectives:
- Understand how to be a great communicator
- Become a stronger listene
- Appear professional to co-workers and bosses of all ages
- Avoid common career blunders that often end careers
- Manage expectations for bosses and colleagues
- Position yourself for promotions
- Make technology your asset, even if you are afraid of technology
- Avoid the Not My Job Syndrome
- Develop EQ to Match Your IQ
- Develop leadership qualities
Detailed Course Outline:
Detailed Course Outline:
- Introduction
- The Soft Tech Savvy Way to Always Be Essential
- Not My Job, And I Am Happy to Do It
- You Can Become a Master Communicator
- Feedback Video for The 11 Essential Career Soft Skills
- Become a Leader Without the Title or Formal Authority
- Your EQ Will Beat a Higher IQ
- Building Your Winning Team
- Make Every One of Your Seconds Count
- Unleash Your Inner Anthony Robbins
- Avoid Being Uncool
- Clothes Can Still Make or Break Your Career
- Conclusion The 11 Essential Career Soft Skills
- Extra: Developing Your Career Secret Sauce