Name: React.js Academy for Beginners with Firebase
Price: 93.99 GBP
Availability: InStock

<h2 style="color: var(--text-heading); box-sizing: border-box;" id="isPasted" fr-original-style="color: var(--text-heading);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><span style="font-size: 24px; box-sizing: border-box;" fr-original-style="font-size: 24px;">This course at a glance</span></strong></h2><ul style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color: rgb(0, 0, 0);"><li style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color: rgb(0, 0, 0);">Accredited by CPDQE</li><li id="isPasted" fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(38, 99, 82) !important; box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">Learn to build beautiful, responsive and professional websites</span></li><li fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(38, 99, 82) !important; box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">Know the fundamentals of web design</span></li><li fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(38, 99, 82) !important; box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">Discover how to build a project with Flexbox</span></li><li fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(38, 99, 82) !important; box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">Explore CSS techniques for stunning effects and designs</span></li><li fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(38, 99, 82) !important; box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">Become familiar with a Sass project, global variables, CSS architecture, media queries and many more</span></li><li fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(38, 99, 82) !important; box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">Understand how to build a website with WordPress</span></li></ul><p style="color: rgb(38, 99, 82) !important; font-size: var(--font-size); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(38, 99, 82) !important;">A front-end developer creates websites and applications using web languages and frameworks, such as HTML, CSS, bootstrap etc. Due to attractive pay offers, it is no wonder that web developers are in high demand at some of the world&rsquo;s most famous companies, such as Amazon, HCL, and others. This&nbsp;<b fr-original-style="" style="box-sizing: border-box;">Web Development (HTML, CSS, SaaS, NPM)&nbsp;</b>course will train you to build a professional website and earn customer satisfaction.</p><p style="color: rgb(38, 99, 82) !important; font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">In this&nbsp;<b fr-original-style="" style="box-sizing: border-box;">Web Development (HTML, CSS, SaaS, NPM)</b>&nbsp;course, we will give you hands-on experience in developing a website from scratch. If you&rsquo;re just starting, you will learn the foundations of HTML, CSS, and NPM to create your website.</p><p style="color: rgb(38, 99, 82) !important; font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">With the course instructions, you will be an expert in everything from fundamental website design to complex responsive design. You will also learn about JQuery and BEM models and how to optimise your website&rsquo;s performance as you advance. With our guidance, you will finally be ready to walk into your professional life as a front-end developer by the end of this&nbsp;<b fr-original-style="" style="box-sizing: border-box;">Web Development (HTML, CSS, SaaS, NPM)&nbsp;</b>course.</p><p style="color: rgb(38, 99, 82) !important; font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">An expert instructor designed this&nbsp;<b fr-original-style="" style="box-sizing: border-box;">&ldquo;Web Development (HTML, CSS, SaaS, NPM)&rdquo;</b>&nbsp;course to provide you with the best learning experience possible. Our goal is for you to learn and apply the lessons from this course to get you ready to step into your career development.</p><p style="color: rgb(38, 99, 82) !important; font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(38, 99, 82) !important;">To explore more. Enrol Now!</p><h3 style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);"><span style="font-size: 24px; box-sizing: border-box;" fr-original-style="font-size: 24px;">Accredited by</span></h3><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">This course is <strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">CPDQE&nbsp;</strong>accredited, which serves as an impactful mechanism for skill enhancement.&nbsp;</p><p style="color: rgb(0, 0, 0); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);">Continuing Professional Development (CPD) stands as a crucial, widely acknowledged method that aids individuals, organisations, and entire industries in staying current with their skills and knowledge.</p><p style="color: rgb(0, 0, 0); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);">CPD not only facilitates the elevation of global standards and benchmarks, aligning with the growing forces of globalisation and consumer expectations but also transforms learning into a deliberate and proactive process. It motivates professionals to uphold a consistently high level of performance and demonstrates their unwavering commitment to a specific job role or profession.</p><p style="color: rgb(0, 0, 0); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><span style="font-size: 24px; box-sizing: border-box;" fr-original-style="font-size: 24px;">Course Curriculum</span></strong></p><ul fr-original-style="" style="box-sizing: border-box;"><li id="isPasted" style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 1: Course Intro</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 2: Intro To HTML</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 3: Styling with CSS</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 4: Basics of Web Design</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 5: Building a Website from Scratch</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 6: Making The Page Responsive</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 7: Adding Effects and Animations with JQuery</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 8: Optimizing and Launching the Website</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 9: CSS Under the Hood</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 10: Intro to SASS and NPM OFFICIAL</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 11: Good CSS Practices OFFICIAL</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 12: Project Country Club Site OFFICIAL</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 13: Advanced Responsive Design</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 14: Flexbox</strong></li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Section 15: Career Section</strong></li></ul>

LearnDrive UK

Web Development

Web Developer

Back End Web Development

This course aims to teach you how to build a professional website with HTML, CSS, SaaS and NPM.



Web Development (HTML, CSS, SaaS, NPM)

General Admission

<div>
							<div>
					<div>
			<div>
							<div>
						<div>
				<div>
					</div>
				</div>
				<div>
				<div>
					<div><p>The innovative <strong>A to Z UX Design</strong> has been compiled with the assistance and expertise of industry professionals. It has been carefully crafted to meet the business requirements needed for an outstanding contribution to this role and the career path beyond it. By enrolling in this tutorial, a significant advantage can be gained by the student for securing their dream job and building an excellent reputation in this sector. </p></div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div><div>
							<div>
					<div>
			<div>
							<div>
						<div>
				<div>
					<div><p>This popular <strong>A to Z UX Design</strong> has been designed to help dedicated individuals train to become the absolute best in this business field. Many other entrepreneurs and talented students have already completed this course, and others like it, empowering them to move onto satisfying and rewarding careers. This unique <strong>A to Z UX Design</strong> course is perfectly suited for those dedicated and ambitious individuals who are committed to genuinely becoming the best in the business. </p><p>The <strong>A to Z UX Design</strong> is recognised and accredited by CPD standards, so all contents are guaranteed to be accurate and reputable, adding valuable competencies and qualifications to a CV, making anyone stand out from other potential candidates or business rivals. For added convenience, the <strong>A to Z UX Design</strong> consists of a range of educational modules that allow study sessions to be organised at any time and any place</p><p>When the final assessment of the <strong>A to Z UX Design </strong>has been completed, a certificate of completion is supplied to evidence newly acquired skills and knowledge. This will provide a significant boost for job-seeking or entry into a new and exciting career path. The valuable qualification from the<strong> A to Z UX Design</strong> course can help to make all the difference in a dynamic employment sector and can also be validated on our website.</p><p>We are aware that a student's lifestyles and work ethics may not allow much time for a dedicated study session, so the <strong>A to Z UX Design</strong> has been specifically designed to be taken at a personally selected pace, and the hours that are suited to each individual. Full access is immediately available after registration, and this can be achieved via any online device, and at any global location you are sighted at.  </p><p>Our fully-trained tutors are committed to helping you throughout the course, and will instantly respond to any queries that are sent to them via email.</p></div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>

Course Cloud

Online Course Creation

App Design

Creative Design

UI / UX Design

Interaction Design

Ux Research

A to Z UX Design

<p>ð Unlock the Secrets to Building Dynamic Websites with Wix! ð</p><p> </p><p>Are you ready to create stunning, high-performing websites that captivate audiences and elevate your online presence? Introducing our comprehensive online course: 'Creating Dynamic Websites with Wix.'</p><p>ð Transform Your Vision into Reality: Whether you're a beginner or an experienced developer, this course is your gateway to mastering Wix's powerful tools and unleashing your creativity. Discover how to design and customize websites that stand out in today's competitive digital landscape.</p><p> </p><p>ð What You'll Learn:</p><ul><li>Mastering Wix's intuitive drag-and-drop editor</li><li>Design principles for captivating layouts and user experiences</li><li>Incorporating multimedia elements like videos, images, and animations seamlessly</li><li>Implementing advanced functionalities with Wix Code</li><li>Search Engine Optimization (SEO) strategies to boost visibility</li><li>Mobile optimization for a flawless user experience across devices</li><li>E-commerce setup and optimization for online businesses</li><li>Tips and tricks to streamline your workflow and save time</li></ul><p> </p><p>ð Why Choose Our Course?</p><ul><li>Expert guidance from industry professionals with real-world experience</li><li>Practical, hands-on tutorials and exercises for accelerated learning</li><li>Access to exclusive resources, templates, and tools to fuel your creativity</li><li>Ongoing support from a vibrant community of like-minded learners</li><li>Lifetime access to course materials for continuous learning and updates</li></ul><p> </p><p>ð¡ Who Is This Course For?</p><ul><li>Entrepreneurs and business owners seeking a professional online presence</li><li>Creatives wanting to showcase their portfolios or artistic work</li><li>Marketing professionals aiming to enhance their digital marketing skills</li><li>Anyone interested in building websites without coding knowledge</li></ul><p> </p><p>ð Join Thousands of Successful Website Creators! Empower yourself with the skills to craft dynamic, visually stunning websites that leave a lasting impression. Enroll now in 'Creating Dynamic Websites with Wix' and take the first step toward becoming a web design virtuoso!</p><p>ð¥ Limited Time Offer: Enroll Today and Get Started on Your Journey to Website Mastery! ð¥</p><p>[Enroll Now Button]</p><p>Invest in your future. Create your masterpiece with Wix today! â¨</p><div><div><div><h3>
Course Curriculum</h3><div><div><h4>
Basic</h4><div><div><ul><li><div>
<span></span><h5>
Overview</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Plans and Pricing</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Wix Partner and Affiliate Programs</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Sign Up and Basic Design</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding a Section</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding a Page</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
General Settings</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding a Contributor</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Advanced Settings - Part 1</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Advanced Settings - Store Settings - Automated Order E-Mails</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Advanced Settings - Paid Videos</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Advanced Settings - Wix E-Mail Inbox</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Advanced Settings - Quotes and Invoices</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Video Settings Upload</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Video Settings - Part 2</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Live Streaming Video - Part 1</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Live Streaming Video - Part 2</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Live Streaming Codecs and Video Channels</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Blog Post Creation</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Conclusion</h5></div><div>
<span>
00:00													</span>
<span></span></div></li></ul></div></div></div><div><h4>
Advanced</h4><div><div><ul><li><div>
<span></span><h5>
Overview</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding the Chat App</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding the Blog App</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding the Instagram Feed</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Addding the Video App</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding the Events App</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding the Members Area</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding a Bookings App</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding a Music App</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Adding a Music App</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Switching To the Wix Editor</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
The Wix Editor - Part 2</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
The Wix Editor - Part 3 - Backgrounds</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
The Wix Editor - Part 4 - Add Button</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
The Wix Editor - Part 5 - Media</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
The Wix Editor - Part 6 - Blog Management</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
The Wix Editor Tools</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Wix App Market - Part 1</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Wix App Market - Part 2</h5></div><div>
<span>
00:00													</span>
<span></span></div></li><li><div>
<span></span><h5>
Conclusion</h5></div><div>
<span>
00:00													</span>
<span></span></div></li></ul></div></div></div></div></div></div></div>

Compete High

Creating Dynamic Websites with Wix

<h3><b>Overview</b></h3>
<p><span>Learn how to speak the language of computers and become a coding expert, with the <strong>Diploma in Front-End Web Development (HTML, CSS, &amp; Bootstrap)</strong> course.</span></p>
<p><span>This introductory coding course will help you save time and money by learning how to build your own website from scratch, without professional help. You will learn how to create apps and games, step into the mind of a web developer, and speak the language that powers the web!</span></p>
<p><span>Build your expertise and proficiency in HTML, CSS and JavaScript and go from beginner to expert in no time, with this complete step-by-step coding course.</span></p>
<h3><strong>Why buy this Diploma in Front-End Web Development (HTML, CSS, &amp; Bootstrap)?</strong></h3>
<ol>
<li><span>Unlimited access to the course for forever</span></li>
<li><b>Digital Certificate, Transcript, student ID</b><span> all included in the price</span></li>
<li><span>Absolutely no hidden fees</span></li>
<li><span>Directly receive </span><b>CPD </b><span>accredited qualifications after course completion</span></li>
<li><span>Receive one to one assistance on every weekday from professionals</span></li>
<li><span>Immediately receive the PDF certificate after passing</span></li>
<li><span>Receive the original copies of your certificate and transcript on the next working day</span></li>
<li><span>Easily learn the skills and knowledge from the comfort of your home</span></li>
</ol>
<h3><b>Certification</b></h3>
<p><span>After studying the course materials of the </span><b>Diploma in Front-End Web Development (HTML, CSS, &amp; Bootstrap)</b><span> you will be able to take the MCQ test that will assess your knowledge. After successfully passing the test you will be able to claim the pdf certificate for £5.99. Original Hard Copy certificates need to be ordered at an additional cost of £9.60.</span></p>
<h3><b>Who is this course for?</b></h3>
<p><span>This </span><b>Diploma in Front-End Web Development (HTML, CSS, &amp; Bootstrap) </b><span>does not require you to have any prior qualifications or experience. You can just enrol and start learning. </span></p>
<h3><b>Prerequisites</b></h3>
<p><span>This </span><b>Diploma in Front-End Web Development (HTML, CSS, &amp; Bootstrap) </b><span>was made by professionals and it is compatible with all PC's, Mac's, tablets and smartphones. You will be able to access the course from anywhere at any time as long as you have a good enough internet connection.</span></p>
<h3><b>Career path</b></h3>
<p><span>As this course comes with multiple courses included as bonus, you will be able to pursue multiple occupations. This </span><b>Diploma in Front-End Web Development (HTML, CSS, &amp; Bootstrap) </b><span>is a great way for you to gain multiple skills from the comfort of your home.</span></p><div>
				<h3>
	<span>Course Curriculum</span>
</h3>

<div>
<table width="100%">				<tbody><tr>
					<td colspan="4">Diploma in Front-End Web Development (HTML, CSS, &amp; Bootstrap)</td>
				</tr>
								<tr>
					<td colspan="4">Welcome</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>1.1 Intro</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>1.2 Install the Tools and Get Started</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td colspan="4">HTML 5</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.1 Intro to HTML</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.2 What is HTML</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.3 Start a New HTML File &amp; Use Tags</td>
					<td> </td>
					<td><span><i></i> 00:12:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.4 Header Tags</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.5 Edit Text</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.6 Links</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.7 Images</td>
					<td> </td>
					<td><span><i></i> 00:10:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.8 Lists</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.9 Challenge</td>
					<td> </td>
					<td><span><i></i> 00:16:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>2.10 HTML Outro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td colspan="4">CSS 3</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.1 CSS Intro</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.2 Add CSS Styles</td>
					<td> </td>
					<td><span><i></i> 00:16:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.3 Classes and IDs</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.4 Borders</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.5 Sizing</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.6 Padding and Margin</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.7 Text Styles</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.8 DIVs</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.9 Postioning</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.10 Hover</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.11 Easily Center Elements</td>
					<td> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.12 Fonts</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.13 Challenge</td>
					<td> </td>
					<td><span><i></i> 00:23:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>3.14 CSS Outro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Bootstrap</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.1 Intro to Bootstrap</td>
					<td> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.2 Install Bootstrap</td>
					<td> </td>
					<td><span><i></i> 00:10:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.3 Indenting and Containers</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.4 The Grid System</td>
					<td> </td>
					<td><span><i></i> 00:16:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.5 Images</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.6 Buttons</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.7 Challenge</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>4.8 Bootstrap Outro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Project 1 - Design a Landing Page</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.1 Landing Page Intro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.2 Sketch Your Landing Page</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.3 The Top Section</td>
					<td> </td>
					<td><span><i></i> 00:16:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.4 Polish the Top Section</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.5 Adding Images</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.6 The Main Points Section</td>
					<td> </td>
					<td><span><i></i> 00:14:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.7 Collecting Emails With an Opt-In Form</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.8 Challenge</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>5.9 Landing Page Outro</td>
					<td> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.1 Business Site Intro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.2 Sketch Up</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.3 Using Fancy Font Logo</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.4 Carousel Basics</td>
					<td> </td>
					<td><span><i></i> 00:10:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.5 Carousel Extras</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.6 Text on Images</td>
					<td> </td>
					<td><span><i></i> 00:15:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.7 Phone Number Icon</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.8 Google Maps</td>
					<td> </td>
					<td><span><i></i> 00:13:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.9 Font Awesome</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.10 Challenge</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>6.11 Business Site Outro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Project 2 - Business Website</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>7.1 Intro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>7.2 Portfolio Sketch</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>7.3 Jumbotron</td>
					<td> </td>
					<td><span><i></i> 00:10:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>7.4 Nav Bar</td>
					<td> </td>
					<td><span><i></i> 00:24:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>7.5 Panels</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>7.6 Challenge</td>
					<td> </td>
					<td><span><i></i> 00:13:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>7.7 Portfolio Outre</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Project 3 - Portfolio</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>8.1 Hosting</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>8.2 Bluehost</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>8.3 Uploading</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>8.4 Tips</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>8.5 Hosting Outro</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
				</tbody></table></div>

			</div>

Studyhub UK

Online Course Marketing

HTML & CSS

Trainers Course

Web Design

Diploma in Front-End Web Development (HTML, CSS, & Bootstrap)

<div> <div> <div>  </div> <div> <b>Quality Guarantee:</b> <p>Promising training excellence, satisfaction gurantee</p> </div> </div> <div> <div>  </div> <div> <p>Accredited by </p> <p>CPD UK &amp; Quality License Scheme</p> </div> </div> <div> <div>  </div> <div> <p>Tutor Support </p> <p>Unlimited support via email, till you complete the course</p> </div> </div> <div> <div>  </div> <div> <b>Recognised Certification:</b> <p>Accepted by thousands of professional bodies </p> </div> </div> <div> <div>  </div> <div> <p>Start Anytime </p> <p>With 1 year access to the course materials</p> </div> </div> <div> <div>  </div> <div> <p>Online Learning </p> <p>Learn from anywhere, whenever you want </p> </div> </div> </div> <div> <p>From this UX Design Course, you will discover the key to crafting exceptional user experiences. You will learn user-centred design principles, usability testings equipping you to create engaging digital products that delight users and drive business success.</p> <h2><strong>This course at a glance </strong></h2> <ul> <li>Accredited by CPD UK</li> <li>Endorsed by Quality Licence Scheme</li> <li>Define ACT and understand its fundamental aspects</li> <li>.A comprehensive outline of how to design better products for humans.</li> <li>All about user expectations.</li> <li>Anatomy of working memory and our attention span.</li> <li>Limits of Peripheral Vision.</li> <li>Analysis of human behavior, decision paralysis, and why humans hate changes.</li> <li>A brief understanding of why humans don't like barriers.</li> <li>A thorough overview of how the developers can improve user experience.</li> </ul> </div> <h2>Why UX Design Course right for you?</h2> <p>UX design course is an ideal choice for you if you are starting from scratch. If you are ready to get started in UX Design, you might as well study from an online context where you will discover the Ux Roles and how to become a leading UX Designer.</p> <p>Examine human decision-making (how old and new brain works? along with examples of F &amp; Z reading patterns and why humans don't like barriers. The course offers you a detailed overview of how to design better products for humans.</p> <p>Once you have completed this UX design course and obtained your certification, you will be equipped to understand and inculcate:</p> <ul> <li>Double Diamond Model Of Design</li> <li>Root cause Analysis</li> <li>Principles &amp; Behavior Patterns</li> <li>Scanning Patterns And Change Blindness</li> <li>Designing For Humans</li> </ul> <h2>UX Design Course Details</h2> <div> <h3 id="small-panelsStayOpen-heading653b179781af7">  Accredited by  </h3> <div id="panelsStayOpen-collapse653b179781af7"> <div> <p> CPD certificates are accepted by thousands of professional bodies and government regulators here in the UK and around the world. Many organisations look for employees with CPD requirements, which means, that by doing this course, you would be a potential candidate in your respective field.</p> <p> </p> <p> The Quality Licence Scheme is a brand of the Skills and Education Group, a leading national awarding organisation for providing high-quality vocational qualifications across a wide range of industries. </p></div> </div> </div> <div> <h3 id="small-panelsStayOpen-heading653b179781b06">  Course Curriculum  </h3> <div id="panelsStayOpen-collapse653b179781b06"> <div> <p></p> <h4>Introduction To User Expericne, Ux Roles and How to Be a UX Designer</h4> <ul> <li>Can I be a UX Designer.</li> <li>Different roles of UX Designers</li> <li>Major Parts Of Every UX Design</li> <li>What is Human Centered Design (HCD)</li> <li>What is Agile UX. (Student Request Headshot Video)</li> <li>Double Diamond Model of Design by Don Norman</li> <li>Using Root Cause Analysis in UX Design</li> <li>Seven Stages of Action by Don Norman</li> <li>5 Second Usability Test</li> <li>What Are Affordances, Anti-affordances and Signifiers.</li> </ul> <h4>Human Centered Design, Double Diamond Model Of Design And Root cause Analysis</h4> <ul> <li>Examples of Affordances and Signifiers</li> <li>Affordances &amp; Signifiers explained â Headshot Video</li> <li>What is Mapping and Natural Mapping.</li> <li>Conceptual and Mental Models in UX</li> <li>Working Memory and Our Attention Span</li> <li>Examples of Working Memory and Attention</li> <li>Recognition Rather Than Recall</li> <li>Examples of Recognition Rather Than Recall</li> <li>How User Expectations Actually Work.</li> <li>User Expectations Example â Headshot Video</li> <li>Examples of User Expectations</li> <li>Limits of Peripheral Vision</li> <li>Examples of limited Peripheral Vision</li> <li>What is Context of Use in User Experience.</li> <li>Explanation of Context of use â Headshot Video</li> <li>Why Stakeholders Are as Important as Users</li> <li>What is Information Architecture. (Headshot Video)</li> <li>Examples of Information Architecture (Navigation Best Practices)</li> <li>Examples of Information Architecture (Navigation Best Practices)</li> </ul> <h4>Principles &amp; Behavior Patterns, Decision Making, Scanning Patterns And Change Blindness</h4> <ul> <li>Human Decision Making â How Old and New Brain Works? Human Decision Making â How Old and New Brain Works.</li> <li>Humans Hate Change</li> <li>Our Goals and Change Blindness</li> <li>Examples of Human Behavior, Decision Paralysis and Why We Hate Change</li> <li>Examples of F &amp; Z Reading Patterns and Why Humans Don't Like Barriers</li> </ul> <h4>Designing For Humans â How to Design Better Products For Humans</h4> <ul> <li>Discoverability â Can Your Users Discover Your Product's Features</li> <li>Learnability â Can Your Users Learn to Use Your Product Easily</li> <li>Feedback â Do Users Know What is Happening or Just Happened? Feedback â Do Users Know What is Happening or Just Happened.</li> <li>Examples of Visual and Audio Feedback</li> <li>Feedback within the context â Walmart Example</li> <li>Consistency in Design &amp; Function with Examples</li> <li>Constraints and how to use them to improve UX</li> <li>What Are Slips &amp; Mistakes and How to Avoid Them</li> <li>Designing for errors with Examples</li> <li>User always in control with Examples</li> <li>Using Grouping and Chunking to Improve UX</li> <li>Physical &amp; Mental limitations of Humans</li> </ul> <h4>How Developers Can Improve User Experience?</h4> <ul> <li>Using Design Patterns â Don't Re-invent the Wheel</li> <li>Don't Let Users Think â Do Heavy Calculation Yourself</li> <li>Why Users Always Need Speed and When to Use Delays.</li> <li>Power of Smart Defaults &amp; Suggestion</li> <li>Guiding and Training Users at Every Step</li> <li>Reduce Number of Barriers to Entry for Users</li> <li>Use Natural Language Rather Than Codes</li> <li>Examples of Natural Language or Conversational Forms</li> <li>Timing of Notifications and Our Perception</li> <li>Using Google Analytics to Know More About Users</li> <li>Data Driven Design and Anticipatory Design With Examples</li> <li>Case Study Solution â GPtools App</li> </ul> <p> </p></div> </div> </div> <div> <h3 id="small-panelsStayOpen-heading653b179781b10">  Who should take this course?  </h3> <div id="panelsStayOpen-collapse653b179781b10"> <div> <p></p> <p>This comprehensive UX design course is suitable for anyone looking to improve their job prospects or aspiring to accelerate their career in this sector and want to gain in-depth knowledge of UX design.</p> <p> </p></div> </div> </div> <div> <h3 id="small-panelsStayOpen-heading653b179781b15">  Entry Requirements  </h3> <div id="panelsStayOpen-collapse653b179781b15"> <div> <p></p> <ul> <li>There are no academic entry requirements for this UX design course, and it is open to students of all academic backgrounds.</li> <li>As long as you are aged seventeen or over and have a basic grasp of English, numeracy and ICT, you will be eligible to enrol.</li> </ul> <p> </p></div> </div> </div> <div> <h3 id="small-panelsStayOpen-heading653b179781b1b">  Assessment Method  </h3> <div id="panelsStayOpen-collapse653b179781b1b"> <div> <p></p> <p>On successful completion of the course, you will be required to sit an online multiple-choice assessment. The assessment will be evaluated automatically and the results will be given to you immediately.</p> <p> </p></div> </div> </div> <div> <h3 id="small-panelsStayOpen-heading653b179781b24">  Certification  </h3> <div id="panelsStayOpen-collapse653b179781b24"> <div> <p></p> <h4>Endorsed Certificate from Quality Licence Scheme</h4> <p> After successfully passing the MCQ exam you will be eligible to order the Endorsed Certificate by Quality Licence Scheme. The Quality Licence Scheme is a brand of the Skills and Education Group, a leading national awarding organisation for providing high-quality vocational qualifications across a wide range of industries. It will give you a competitive advantage in your career, making you stand out from all other applicants and employees. There is a Quality Licence Scheme endorsement fee to obtain an endorsed certificate which is Â£65.</p> <h4>Certificate of Achievement from Lead Academy</h4> <p> After successfully passing the MCQ exam you will be eligible to order your certificate of achievement as proof of your new skill. The certificate of achievement is an official credential that confirms that you successfully finished a course with Lead Academy. Certificate can be obtained in PDF version at a cost of Â£12, and there is an additional fee to obtain a printed copy certificate which is Â£35. </p></div> </div> </div> <p></p><h2><b>FAQs</b></h2> <div id="accordionPanelsStayOpenExample"> <div> <h3 id="panelsStayOpen-heading21">  Is CPD a recognised qualification in the UK?  </h3> <div id="panelsStayOpen-collapse21"> <div> <p>CPD is globally recognised by employers, professional organisations and academic intuitions, thus a certificate from CPD Certification Service creates value towards your professional goal and achievement. CPD-certified certificates are accepted by thousands of professional bodies and government regulators here in the UK and around the world. </p> </div> </div> </div> <div> <h3 id="panelsStayOpen-heading23">  Are QLS courses recognised?  </h3> <div id="panelsStayOpen-collapse23"> <div> <p>Although QLS courses are not subject to Ofqual regulation, they must adhere to an extremely high level that is set and regulated independently across the globe. A course that has been approved by the Quality Licence Scheme simply indicates that it has been examined and evaluated in terms of quality and fulfils the predetermined quality standards. </p> </div> </div> </div> <div> <h3 id="panelsStayOpen-heading25">  When will I receive my certificate?  </h3> <div id="panelsStayOpen-collapse25"> <div> <p>For CPD accredited PDF certificate it will take 24 hours, however for the hardcopy CPD certificate takes 5-7 business days and for the Quality License Scheme certificate it will take 7-9 business days. </p> </div> </div> </div> <div> <h3 id="panelsStayOpen-heading27">  Can I pay by invoice?  </h3> <div id="panelsStayOpen-collapse27"> <div> <p>Yes, you can pay via Invoice or Purchase Order, please contact us at info@lead-academy.org for invoice payment. </p> </div> </div> </div> <div> <h3 id="panelsStayOpen-heading29">  Can I pay via instalment?  </h3> <div id="panelsStayOpen-collapse29"> <div> <p>Yes, you can pay via instalments at checkout</p> </div> </div> </div> <div> <h3 id="panelsStayOpen-heading31">  How to take online classes from home?  </h3> <div id="panelsStayOpen-collapse31"> <div> <p>Our platform provides easy and comfortable access for all learners; all you need is a stable internet connection and a device such as a laptop, desktop PC, tablet, or mobile phone. The learning site is accessible 24/7, allowing you to take the course at your own pace while relaxing in the privacy of your home or workplace. </p> </div> </div> </div> <div> <h3 id="panelsStayOpen-heading33">  Does age matter in online learning?  </h3> <div id="panelsStayOpen-collapse33"> <div> <p>No, there is no age limit for online learning. Online learning is accessible to people of all ages and requires no age-specific criteria to pursue a course of interest. As opposed to degrees pursued at university, online courses are designed to break the barriers of age limitation that aim to limit the learner's ability to learn new things, diversify their skills, and expand their horizons.</p> </div> </div> </div> <div> <h3 id="panelsStayOpen-heading35">  When I will get the login details for my course?  </h3> <div id="panelsStayOpen-collapse35"> <div> <p>After successfully purchasing the course, you will receive an email within 24 hours with the login details of your course. Kindly check your inbox, junk or spam folder, or you can contact our client success team via info@lead-academy.org</p> </div> </div> </div> </div>

Lead Academy

Visual Design

UX Design Course Online

iStudy UK

Design & Technology Courses (DT)

Service Design Courses (SDC)

Advanced Diploma in UI/UX Design

<div>
					<div>
								<section>
						<div>
							<div>
					<div>
			<div>
							<div>
						<div>
				<div>
					</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
							</div>
				</div>
			<p><span>User experience design or UX is the method of increasing the user satisfaction by improving the usability, accessibility, and pleasure provided in the interaction with the product. The UX Design for Beginners course is designed to teach you the latest techniques of UX design. </span></p>
<p><span>Throughout the course, you will learn the principles and behaviour of the human being while hey using a website, mobile app or others. This understanding will help you to design and develop a better digital product that will satisfy your customers.</span></p>
<p><span>The course shows you the practical examples and screenshots of UX problems that are faced by many designers, developers, and product managers while making their product. In this way, you will learn how to solve UX problems in Mobile and Web Apps.</span></p>
<p><span>In short, the course covers the common UX mistakes, implementing UX and Usability Principles for improving your digital product, the role of UX developers, and more.</span></p>
<p><span>By finishing the course, you will be able to make any Website's or Apps Usability better.</span></p>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<h3><strong>What Will I Learn?</strong></h3>
<ul>
<li><span>Develop Skills needed to be a great UX Designer</span></li>
<li>Start your career in UX</li>
<li>Upgrade your current job position with UX Concepts</li>
<li><span>Apply Mental Models and Mapping to your products</span></li>
<li><span>Know Affordances and Signifiers and how to apply them to any product</span></li>
<li><span>How we Perceive things and how our Memory works</span></li>
<li><span>CASE STUDY ASSIGNMENTS: Find and Solve UX problems in Mobile and Web Apps</span></li>
<li><span>Make any Website's or Apps Usability better</span></li>
<li><span>Learn about all common UX mistakes designers and developers make</span></li>
<li><span>Apply the knowledge of UX to user interfaces or Apps you are coding</span></li>
<li><span>Improve any Product's User Experience</span></li>
<li><span>What role Developers play in UX?</span></li>
<li><span>Apply UX and Usability Principles to Improve UX of any Digital Product</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<h3><strong>Requirements</strong></h3>
</div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>Just a curious mind</li>
<li>Pencil and a notepad</li>
<li>No need of Experience at all</li>
</ul>
</div>
</div>
</div>
</div>
</div><table>				<tbody><tr>
					<td colspan="4">Introduction to User Expericne, UX Roles and how to be a UX Designer</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>What Is UI</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Can I be a Ux Designer-updated</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Different Role of Ux Designer</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Major Parts of Ux Design</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Human Centered Design, Double Diamond Model of Design and Root Cause analysis</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Human Centered Design</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>DoudIbe Diamond</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Root Cause Analysis</td>
					<td> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Seven Stages of Actions</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Five second test firstusability test</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>06. Assignment</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>What is Agile UX</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Principles &amp; Concepts of User Experience, Usability and Interaction Design</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Affordance And Signfiers</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Affordance And Signifiers-examples-fix-video</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Afforadances explained headshot</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Natural Mapping with examples</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Mentalmodels conceptual models</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Working Memory</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Working Memory Example</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>06. Recognition And Recall</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Recognition examples</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>User Expectations</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>User Expectations examples</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>User expectation headshot</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Peripheral Vision</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Peripheral Vision examples</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Context of Use</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Context of use headshot</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Why-stakeholders are important</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Information Architecture</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Information Architecture Examples</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Human Behavior Patterns, Decision making, scanning patterns and Change Blindness</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Humans Lazy Behavior decision Paralsis And Scanning</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Human Decisions-Old And New Brain</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Humans Hate Change</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Our Goals And Change Blindness</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Human behavior decision Paralysis hate change Examples</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>F-z Patterns Cart Abondomnment, Form Field Conversions</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Designing for Humans - How to design better products for humans</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Discoverability</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Discover assignment</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Learability</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Feedback-4.MP4</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Feedback Within Context Walmart</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Feedback examples</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Constraints With Examples</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Consistancy With Examples.mp4</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Slips And Mistakes With Examples</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Designing For Errors With Examples</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>User In Control with Examples</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Grouping And chunking with Examples</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Humans Have Limits</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td colspan="4">How Developers can improve User Experience?</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Using desgin patters dont reinvent the wheel</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Dont let users think do heavy calculation yourself</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Speed and Delays</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Smart Defaults</td>
					<td><span>FREE</span> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Guiding And Training Users</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Barriers To Entry</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Natural Language with Examples</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Natural Language Forms</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Google Analytics</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Notification</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Anticipatory Desgin</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
				</tbody></table>

Usability Testing

UX Design for Beginners

<div>
	<h3><b>Description:</b></h3>
<p>Change your career by learning how to make, manage and execute advanced search marketing strategies utilising AdWords, PPC promoting, display advertising and re-marketing methods. This specific course is conveyed by the industry's leading search marketing experts. Point by point and organised modules teach you the elements of search campaign planning, creation and measurement, along with an accredited certification to validate your new expertise.</p>
<h3><b>Who is the course for?</b></h3>
<ul>
<li><span>Anyone interested in online advertising.</span></li>
<li><span>Companies looking to increase their online presence.</span></li>
<li><span>Entrepreneurs and business owners.</span></li>
<li><span>Anyone interested in launching an online business.  </span></li>
</ul>
<h3><b>Entry Requirement:</b></h3>
<ul>
<li><span>This course is available to all learners, of all academic backgrounds. </span></li>
<li><span>Learners should be aged 16 or over to undertake the qualification.</span></li>
<li><span>Good understanding of English language, numeracy and ICT are required to attend this course.</span></li>
</ul>
<h3><strong>Assessment:</strong></h3>
<ul>
<li>At the end of the course, you will be required to sit an online multiple-choice test. Your test will be assessed automatically and immediately so that you will instantly know whether you have been successful.</li>
<li>Before sitting for your final exam you will have the opportunity to test your proficiency with a mock exam.</li>
</ul>
<h3><strong>Certification:  </strong></h3>
<ul>
<li>After you have successfully passed the test, you will be able to obtain an Accredited Certificate of Achievement. You can however also obtain a Course Completion Certificate following the course completion without sitting for the test. Certificates can be obtained either in hard copy at a cost of £39 or in PDF format at a cost of £24.</li>
<li>PDF certificate's turnaround time is 24 hours and for the hardcopy certificate, it is 3-9 working days.</li>
</ul>
<h3><strong>Why choose us?</strong></h3>
<ul>
<li>Affordable, engaging &amp; high-quality e-learning study materials;</li>
<li>Tutorial videos/materials from the industry leading experts;</li>
<li>Study in a user-friendly, advanced online learning platform;</li>
<li>Efficient exam systems for the assessment and instant result;</li>
<li>The UK &amp; internationally recognized accredited qualification;</li>
<li>Access to course content on mobile, tablet or desktop from anywhere anytime;</li>
<li>The benefit of career advancement opportunities;</li>
<li>24/7 student support via email.</li>
</ul>
<h3><b>Career Path:</b></h3>
<ul>
<li><span>Analytics</span></li>
<li><span>Business Management/Development</span></li>
<li><span>Event Management</span></li>
<li><span>Social Media Analyst</span></li>
<li><span>Web Design</span></li>
<li><span>Offline Marketing/Advertising</span></li>
<li><span>Writing/Blogging.</span></li>
</ul>
		</div><table width="100%">				<tbody><tr>
					<td colspan="4">Mastering Google Local Search</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 01</td>
					<td> </td>
					<td><span><i></i> 00:15:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 02</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 03</td>
					<td> </td>
					<td><span><i></i> 01:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 04</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 05</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 06</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 07</td>
					<td> </td>
					<td><span><i></i> 00:15:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 08</td>
					<td> </td>
					<td><span><i></i> 01:00:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 09</td>
					<td> </td>
					<td><span><i></i> 01:00:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 10</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 11</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 12</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 13</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 14</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 15</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 16</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 17</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 18</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 19</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 20</td>
					<td> </td>
					<td><span><i></i> 00:30:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>STEP 21</td>
					<td> </td>
					<td><span><i></i> 00:15:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Mock Exam</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Mock Exam- Mastering Google Local Search</td>
					<td> </td>
					<td><span><i></i> 00:20:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Final Exam</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Final Exam- Mastering Google Local Search</td>
					<td> </td>
					<td><span><i></i> 00:20:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Order Your Certificates and Transcripts</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Order Your Certificates and Transcripts</td>
					<td> </td>
					<td><span><i></i> 00:00:00</span></td>
				</tr>
				</tbody></table>

John Academy

Local SEO

Search Engine Optimisation Audit

Google Digital Marketing

Mastering Google Local Search

<strong>Build the ultimate authentication boilerplate project with the MERN stack from scratch and deploy it to DigitalOcean cloud servers</strong>
        <p>The MERN (Mongo Express React Node) stack consists of open source components that provide an end-to-end framework for developing comprehensive web applications that connect browsers to databases. This video will help you get to grips with MERN stack web development by building a production-ready login register system with authentication features such as account activation, forget password, reset password, and log in with Facebook, Google, and ACL by implementing private and protected routes for both, authenticated users and admins.
If you are looking to go full-stack with React Node Express and MongoDB (better known as the MERN stack), this course is where you should start. You'll learn how to build a boilerplate project that can be used for any MERN stack projects that you'll build for yourself and your clients.
By the end of this course, you'll have your production-ready MERN stack project running live on DigitalOcean cloud servers.
All the code and the supporting files for this course are available at https://github.com/PacktPublishing/MERN-Stack-Web-Development-with-Ultimate-Authentication</p>
        <h2>What You Will Learn</h2><p>Discover how to build a MERN stack boilerplate project<br>Learn full-stack deployment to DigitalOcean cloud servers, including MongoDB setup<br>Develop a production-ready authentication system<br>Create a base project for all future React Node full-stack projects<br>Implement a social login system with Google and Facebook</p>
        <h2>Audience</h2><p>This course is for JavaScript enthusiasts looking to go full-stack with React Node and MongoDB. Web developers who want to build their own MERN boilerplate project or add a production-ready authentication system to their projects will also find this course useful. If you're looking to learn how to deploy production-ready apps to DigitalOcean cloud servers, this course is for you.</p>
        <h2>Approach</h2><p>This course is packed with step-by-step instructions, working examples, and helpful tips. It is clearly divided into small sections that will help you understand each section individually and learn at your own pace. Concepts are gradually and carefully introduced. This course is easy to understand and follow along with, and provides an incredible real-world development workflow with a balanced coding speed.</p>
        <h2>Key Features</h2><p>Learn how to use the authentication boilerplate to build a project * Explore private and admin routing with role-based access control * Build a real-world project from scratch and deploy it to live servers running on the cloud</p>
        <h2>Github Repo</h2><p>https://github.com/packtpublishing/mern-stack-web-development-with-ultimate-authentication</p>
        <h2>About the Author</h2><h3>Ryan Dhungel</h3><p>Narayan Dhungel who creates training videos under the pseudonym Ryan Dhungel is a Web Developer from Sydney, Australia. He builds web apps using JavaScript, Node.js, React.js, Vue.js, Laravel, and other emerging platforms. He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical tutorials and training packages for fellow developers.</p>
        <h2>Course Outline</h2><h4>1. Course Introduction</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Introduction</p><p style='margin: 0'>Course Introduction: Introduction</p></td></tr></tbody></table><br><h4>2. Getting Started</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Setup client</p><p style='margin: 0'>Getting Started: Setup client</p></td></tr><tr><td style='padding: 15px;'><p>2. Setup server</p><p style='margin: 0'>Getting Started: Setup server</p></td></tr><tr><td style='padding: 15px;'><p>3. Installing NPM packages</p><p style='margin: 0'>Getting Started: Installing NPM packages</p></td></tr></tbody></table><br><h4>3. Node Js API</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Moving routes</p><p style='margin: 0'>Node Js API: Moving routes</p></td></tr><tr><td style='padding: 15px;'><p>2. Moving to controllers</p><p style='margin: 0'>Node Js API: Moving to controllers</p></td></tr><tr><td style='padding: 15px;'><p>3. User model</p><p style='margin: 0'>Node Js API: User mode</p></td></tr><tr><td style='padding: 15px;'><p>4. Applying middlewares</p><p style='margin: 0'>Node Js API: Applying middlewares</p></td></tr><tr><td style='padding: 15px;'><p>5. MongoDB Atlas Robo3T and Postman</p><p style='margin: 0'>Node Js API: MongoDB Atlas Robo3T and Postman</p></td></tr><tr><td style='padding: 15px;'><p>6. Connect to mongodb</p><p style='margin: 0'>Node Js API: Connect to mongodb</p></td></tr></tbody></table><br><h4>4. Node Js Signin / Signup / Email Confirmation</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Express validator</p><p style='margin: 0'>Node Js Signin / Signup / Email Confirmation: Express validator</p></td></tr><tr><td style='padding: 15px;'><p>2. Signup user</p><p style='margin: 0'>Node Js Signin / Signup / Email Confirmation: Signup user</p></td></tr><tr><td style='padding: 15px;'><p>3. Email confirmation workflow</p><p style='margin: 0'>Node Js Signin / Signup / Email Confirmation: Email confirmation workflow</p></td></tr><tr><td style='padding: 15px;'><p>4. Signup with sendgrid</p><p style='margin: 0'>Node Js Signin / Signup / Email Confirmation: Signup with sendgrid</p></td></tr><tr><td style='padding: 15px;'><p>5. Send email on signup</p><p style='margin: 0'>Node Js Signin / Signup / Email Confirmation: Send email on signup</p></td></tr><tr><td style='padding: 15px;'><p>6. Account activation</p><p style='margin: 0'>Node Js Signin / Signup / Email Confirmation: Account activation</p></td></tr><tr><td style='padding: 15px;'><p>7. Signin user</p><p style='margin: 0'>Node Js Signin / Signup / Email Confirmation: Signin user</p></td></tr></tbody></table><br><h4>5. React</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Starting with react</p><p style='margin: 0'>React: Starting with react</p></td></tr><tr><td style='padding: 15px;'><p>2. Create layout</p><p style='margin: 0'>React: Create layout</p></td></tr><tr><td style='padding: 15px;'><p>3. Using react router dom</p><p style='margin: 0'>React: Using react router dom</p></td></tr></tbody></table><br><h4>6. React Signup / Signin / Activation</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Signup page setup</p><p style='margin: 0'>React Signup / Signin / Activation: Signup page setup</p></td></tr><tr><td style='padding: 15px;'><p>2. Signup form</p><p style='margin: 0'>React Signup / Signin / Activation: Signup form</p></td></tr><tr><td style='padding: 15px;'><p>3. Finishing signup</p><p style='margin: 0'>React Signup / Signin / Activation: Finishing signup</p></td></tr><tr><td style='padding: 15px;'><p>4. User signin</p><p style='margin: 0'>React Signup / Signin / Activation: User signin</p></td></tr><tr><td style='padding: 15px;'><p>5. Activate account</p><p style='margin: 0'>React Signup / Signin / Activation: Activate account</p></td></tr><tr><td style='padding: 15px;'><p>6. Active nav link</p><p style='margin: 0'>React Signup / Signin / Activation: Active nav link</p></td></tr><tr><td style='padding: 15px;'><p>7. Auth helpers</p><p style='margin: 0'>React Signup / Signin / Activation: Auth helpers</p></td></tr><tr><td style='padding: 15px;'><p>8. Authenticate and signout</p><p style='margin: 0'>React Signup / Signin / Activation: Authenticate and signout</p></td></tr></tbody></table><br><h4>7. Private / Admin Routing</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Private route</p><p style='margin: 0'>Private / Admin Routing: Private route</p></td></tr><tr><td style='padding: 15px;'><p>2. Admin route</p><p style='margin: 0'>Private / Admin Routing: Admin route</p></td></tr><tr><td style='padding: 15px;'><p>3. Redirect based on role</p><p style='margin: 0'>Private / Admin Routing: Redirect based on role</p></td></tr></tbody></table><br><h4>8. User Profile</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Read user profile</p><p style='margin: 0'>User Profile: Read user profile</p></td></tr><tr><td style='padding: 15px;'><p>2. Protect API endpoint</p><p style='margin: 0'>User Profile: Protect API endpoint</p></td></tr><tr><td style='padding: 15px;'><p>3. Update user profile</p><p style='margin: 0'>User Profile: Update user profile</p></td></tr><tr><td style='padding: 15px;'><p>4. Admin middleware</p><p style='margin: 0'>User Profile: Admin middleware</p></td></tr><tr><td style='padding: 15px;'><p>5. Profile update page setup</p><p style='margin: 0'>User Profile: Profile update page setup</p></td></tr><tr><td style='padding: 15px;'><p>6. Errors cleanup</p><p style='margin: 0'>User Profile: Errors cleanup</p></td></tr><tr><td style='padding: 15px;'><p>7. Pre populate profile update and handle JWT expiry</p><p style='margin: 0'>User Profile: Pre populate profile update and handle JWT expiry</p></td></tr><tr><td style='padding: 15px;'><p>8. Profile update with toast message</p><p style='margin: 0'>User Profile: Profile update with toast message</p></td></tr><tr><td style='padding: 15px;'><p>9. Admin profile update</p><p style='margin: 0'>User Profile: Admin profile update</p></td></tr></tbody></table><br><h4>9. Forgot / Reset Password</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Forgot password server</p><p style='margin: 0'>Forgot / Reset Password: Forgot password server</p></td></tr><tr><td style='padding: 15px;'><p>2. Reset password server</p><p style='margin: 0'>Forgot / Reset Password: Reset password server</p></td></tr><tr><td style='padding: 15px;'><p>3. Forgot password client</p><p style='margin: 0'>Forgot / Reset Password: Forgot password client</p></td></tr><tr><td style='padding: 15px;'><p>4. Reset password client</p><p style='margin: 0'>Forgot / Reset Password: Reset password client</p></td></tr></tbody></table><br><h4>10. Login with Google</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Login with google client</p><p style='margin: 0'>Login with Google: Login with google client</p></td></tr><tr><td style='padding: 15px;'><p>2. Login with google - server</p><p style='margin: 0'>Login with Google: Login with google - server</p></td></tr></tbody></table><br><h4>11. Login with Facebook</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Login with facebook client</p><p style='margin: 0'>Login with Facebook: Login with facebook client</p></td></tr><tr><td style='padding: 15px;'><p>2. Login with facebook server</p><p style='margin: 0'>Login with Facebook: Login with facebook server</p></td></tr></tbody></table><br><h4>12. Production steps</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Getting ready for production</p><p style='margin: 0'>Production steps: Getting ready for production</p></td></tr></tbody></table><br><h4>13. Deployment</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Github and digital ocean</p><p style='margin: 0'>Deployment: Github and digital ocean</p></td></tr><tr><td style='padding: 15px;'><p>2. Deployment part 1</p><p style='margin: 0'>Deployment: Deployment part 1</p></td></tr><tr><td style='padding: 15px;'><p>3. Deployment part 2</p><p style='margin: 0'>Deployment: Deployment part 2</p></td></tr><tr><td style='padding: 15px;'><p>4. Pushing changes and making admin user</p><p style='margin: 0'>Deployment: Pushing changes and making admin user</p></td></tr></tbody></table>

Packt

JavaScript

Node.js

MongoDB

Build the ultimate authentication boilerplate project with the MERN stack from scratch and deploy it to DigitalOcean cloud servers

MERN Stack Web Development with Ultimate Authentication

<strong>Learn React by building a Trello-inspired application with a real-time database and authentication!</strong>
        <p>React is one of the most popular and in-demand technologies in modern web development. Using a component-based approach, React allows you to build interactive user interfaces using JavaScript.

This course is designed to teach you everything you need to know to build modern applications using React.

You'll learn to build a Trello-inspired project that will enable you to take advantage of React's features:

&bull;	Scaffolding projects using the Create React app
&bull;	React file and folder structures and what they do
&bull;	What components are and how to use them
&bull;	Writing JSX
&bull;	Class-based and function components
&bull;	Managing state
&bull;	Looping through data
&bull;	Using props to pass data and methods to components

You won't stop there! Even though React handles the user interface for us, most apps also need a backend. You'll use Firebase to provide a real-time database for your project. This will help you not only to store your data, but also to be subscribed to any database changes as they happen. You'll learn how to do the following:

&bull;	Set up a Firestore database
&bull;	Push and read data from our database
&bull;	Update and delete data
&bull;	Sort and filter data
&bull;	Work with real-time data using onSnapshot

This course will guide you in using Firebase to handle authentication. Users can sign up and log in and out, allowing them to have their own personal boards that only they can see and edit. You'll also take advantage of React's Context API to pass the user's auth state throughout your application and handle conditional rendering. To round things off, you'll look at how to build your project for production and then deploy it for the world to see!

All the codes and supporting files for this course are available at - https://github.com/PacktPublishing/React.js-Academy-for-Beginners-with-Firebase</p>
        <h2>What You Will Learn</h2><p>Looping through data, components, and lifecycle methods<br>Study core React concepts such as props, state, JSX, forms, and validation<br>Create, read, update, and delete data from Firebase<br>Understand how users sign up and log in and log out, along with listening for changes<br>Dealing with document changes, updating in real-time, and conditional rendering<br>Explore authentication and the Context API<br>Build apps for production and deployment</p>
        <h2>Audience</h2><p>If you're new to React and frontend frameworks in general, this course is for you. If you come from a different framework or library such as Vue or Angular, you can use it as a great introduction to how React compares. Learning React will expand your core JavaScript knowledge and introduce you to backend technologies. This course is also for anyone keen to learn Firebase or add a real-time database with authentication. Although this course is for novice React developers, you're expected to have at least basic knowledge of JavaScript and web design/development. </p>
        <h2>Approach</h2><p>You will not only learn to React, but will also be able to put all of your newly developed skills into practice. Everything you learn will be applied directly to a real-world project, so you can see exactly how things fit together. While building your project, you'll encounter common pitfalls and learn how to overcome them.<br>Additionally, you'll master how the library interacts with other packages and services such as Firebase, user authentication, routing, and building apps for production.</p>
        <h2>Key Features</h2><p>Learn React using a hands-on, project-based approach by building a feature-rich app from scratch * Get to grips with Firebase and create a real-time database with authentication * Expand your core JavaScript and development knowledge using one of the most popular technologies in the industry</p>
        <h2>Github Repo</h2><p>https://github.com/packtpublishing/react.js-academy-for-beginners-with-firebase</p>
        <h2>About the Author</h2><h3>Chris Dixon</h3><p>	Chris Dixon is a self-employed web developer teaching others through training courses. Chris offers freelance web development and training workshops on various topics, including HTML, CSS, JavaScript, Vue.js, NUXT.js, WordPress (custom theme development), Mongo/Mongoose, PostgreSQL, Express, Firebase, and Supabase. Chris is also involved in building Shopify ecommerce solutions, including custom apps and theme development. Chris has vast experience in GraphQL, Keystone CMS, and many other front-end/full-stack skills. He is additionally a regular Shopify user in creating and managing online stores and editing/creating custom liquid templates.</p>
        <h2>Course Outline</h2><h4>1. Welcome and let's get started!</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Welcome to the course</p><p style='margin: 0'>Welcome and let's get started: Welcome to the course</p></td></tr><tr><td style='padding: 15px;'><p>2. What we will be building</p><p style='margin: 0'>Welcome and let's get started: What we will be building</p></td></tr><tr><td style='padding: 15px;'><p>3. What you will need for this course</p><p style='margin: 0'>Welcome and let's get started: What you will need for this course</p></td></tr></tbody></table><br><h4>2. Project setup & Components</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Create React App</p><p style='margin: 0'>Project setup & Components: Create React App</p></td></tr><tr><td style='padding: 15px;'><p>2. Project files & folders</p><p style='margin: 0'>Project setup & Components: Project files & folders</p></td></tr><tr><td style='padding: 15px;'><p>3. A closer look at components</p><p style='margin: 0'>Project setup & Components: A closer look at components</p></td></tr><tr><td style='padding: 15px;'><p>4. Components in action</p><p style='margin: 0'>Project setup & Components: Components in action</p></td></tr></tbody></table><br><h4>3. Props, State & Looping</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. First look at state and JSX</p><p style='margin: 0'>Props, State & Looping: First look at state and JSX</p></td></tr><tr><td style='padding: 15px;'><p>2. Component lifecycle and looping</p><p style='margin: 0'>Props, State & Looping: Component lifecycle and looping</p></td></tr><tr><td style='padding: 15px;'><p>3. Passing data as props</p><p style='margin: 0'>Props, State & Looping: Passing data as props</p></td></tr><tr><td style='padding: 15px;'><p>4. Passing methods as props</p><p style='margin: 0'>Props, State & Looping: Passing methods as props</p></td></tr><tr><td style='padding: 15px;'><p>5. Prop type validation</p><p style='margin: 0'>Props, State & Looping: Prop type validation</p></td></tr></tbody></table><br><h4>4. Forms, inputs and refs</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Controlled components</p><p style='margin: 0'>Forms, inputs and refs: Controlled components</p></td></tr><tr><td style='padding: 15px;'><p>2. Uncontrolled components and refs</p><p style='margin: 0'>Forms, inputs and refs: Uncontrolled components and refs</p></td></tr><tr><td style='padding: 15px;'><p>3. Create new card form</p><p style='margin: 0'>Forms, inputs and refs: Create new card form</p></td></tr></tbody></table><br><h4>5. Routing</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Setting up React router</p><p style='margin: 0'>Routing: Setting up React router</p></td></tr><tr><td style='padding: 15px;'><p>2. Passing props to a router component</p><p style='margin: 0'>Routing: Passing props to a router component</p></td></tr><tr><td style='padding: 15px;'><p>3. URL parameters</p><p style='margin: 0'>Routing: URL parameters</p></td></tr><tr><td style='padding: 15px;'><p>4. Using with Router and push</p><p style='margin: 0'>Routing: Using with Router and push</p></td></tr><tr><td style='padding: 15px;'><p>5. Passing state via router</p><p style='margin: 0'>Routing: Passing state via router</p></td></tr></tbody></table><br><h4>6. Setting up Firebase, reading & deleting data</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Setting up Firebase</p><p style='margin: 0'>Setting up Firebase, reading & deleting data: Setting up Firebase</p></td></tr><tr><td style='padding: 15px;'><p>2. Pushing data to Firebase</p><p style='margin: 0'>Setting up Firebase, reading & deleting data: Pushing data to Firebase</p></td></tr><tr><td style='padding: 15px;'><p>3. Reading data from Firebase</p><p style='margin: 0'>Setting up Firebase, reading & deleting data: Reading data from Firebase</p></td></tr><tr><td style='padding: 15px;'><p>4. The where & orderBy methods</p><p style='margin: 0'>Setting up Firebase, reading & deleting data: The where & orderBy methods</p></td></tr><tr><td style='padding: 15px;'><p>5. Deleting cards and lists from Firebase</p><p style='margin: 0'>Setting up Firebase, reading & deleting data: Deleting cards and lists from Firebase</p></td></tr><tr><td style='padding: 15px;'><p>6. Deleting boards</p><p style='margin: 0'>Setting up Firebase, reading & deleting data: Deleting boards</p></td></tr></tbody></table><br><h4>7. Updating data and Modals</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Updating data in Firebase</p><p style='margin: 0'>Updating data and Modals: Updating data in Firebase</p></td></tr><tr><td style='padding: 15px;'><p>2. Edit card modal</p><p style='margin: 0'>Updating data and Modals: Edit card modal</p></td></tr><tr><td style='padding: 15px;'><p>3. Updating the card text</p><p style='margin: 0'>Updating data and Modals: Updating the card text</p></td></tr><tr><td style='padding: 15px;'><p>4. Setting the labels</p><p style='margin: 0'>Updating data and Modals: Setting the labels</p></td></tr><tr><td style='padding: 15px;'><p>5. Text area auto resize</p><p style='margin: 0'>Updating data and Modals: Text area auto resize</p></td></tr></tbody></table><br><h4>8. Reading realtime data from Firebase</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. First look at onSnapshot</p><p style='margin: 0'>Reading realtime data from Firebase: First look at onSnapshot</p></td></tr><tr><td style='padding: 15px;'><p>2. Working with document changes</p><p style='margin: 0'>Reading realtime data from Firebase: Working with document changes</p></td></tr><tr><td style='padding: 15px;'><p>3. Realtime cards with updates</p><p style='margin: 0'>Reading realtime data from Firebase: Realtime cards with updates</p></td></tr></tbody></table><br><h4>9. User authentication and React context</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. React Context API</p><p style='margin: 0'>User authentication and React context: React Context API</p></td></tr><tr><td style='padding: 15px;'><p>2. Firebase Authentication and set up</p><p style='margin: 0'>User authentication and React context: Firebase Authentication and set up</p></td></tr><tr><td style='padding: 15px;'><p>3. User sign up</p><p style='margin: 0'>User authentication and React context: User sign up</p></td></tr><tr><td style='padding: 15px;'><p>4. Logging in and out</p><p style='margin: 0'>User authentication and React context: Logging in and out</p></td></tr><tr><td style='padding: 15px;'><p>5. Listening for auth changes</p><p style='margin: 0'>User authentication and React context: Listening for auth changes</p></td></tr><tr><td style='padding: 15px;'><p>6. Conditional rendering</p><p style='margin: 0'>User authentication and React context: Conditional rendering</p></td></tr><tr><td style='padding: 15px;'><p>7. Rendering boards based on user</p><p style='margin: 0'>User authentication and React context: Rendering boards based on user</p></td></tr><tr><td style='padding: 15px;'><p>8. Redirecting and error messages</p><p style='margin: 0'>User authentication and React context: Redirecting and error messages</p></td></tr><tr><td style='padding: 15px;'><p>9. Roles & permissions</p><p style='margin: 0'>User authentication and React context: Roles & permissions</p></td></tr></tbody></table><br><h4>10. Deployment</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Building for production</p><p style='margin: 0'>Deployment: Building for production</p></td></tr><tr><td style='padding: 15px;'><p>2. Deploying to Netlify</p><p style='margin: 0'>Deployment: Deploying to Netlify</p></td></tr></tbody></table><br><h4>11. Thank You</h4><p></p><table width='100%'><tbody><tr><td style='padding: 15px;'><p>1. Thank you</p><p style='margin: 0'>Thank You: Thank You</p></td></tr></tbody></table>

Learn React by building a Trello-inspired application with a real-time database and authentication!

React.js Academy for Beginners with Firebase

<p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Be it a career change, an exciting new hobby, perfecting existing skills or simply enhancing professional employment prospects&ndash; we help you unlock creativity through our industry aligned all-encompassing Graphic Design Course.</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">" Having done my level 1 and level 2 in graphic design, I felt that I still had gaps in my knowledge and I wasn&#39;t comfortable with what I knew. I signed up with Blue Sky Graphics and I am really glad I did. I am definitely better now than when I started and this is all thanks to my tutor and Blue Sky Graphics 🙂 "</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><section data-id="a1c66d1" data-element_type="section" data-settings='{"background_background":"classic"}' style="color: rgb(74, 74, 74); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(74, 74, 74);"><div data-id="a6cdb97" data-element_type="column" fr-original-style="" style="box-sizing: border-box;"><div data-id="adfa4f2" data-element_type="widget" data-widget_type="text-editor.default" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);"><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">A Comprehensive Advanced Course</strong></p></div><div data-id="8058df1" data-element_type="widget" data-widget_type="text-editor.default" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);"><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">The graphic design course is a structured academic and industry aligned advanced course suitable for complete beginners, intermediates or those wanting to improve their existing skill set. The graphic design course is comprehensive and through our teaching methodology is designed to train participants to become professional Graphic Designers. There is an emphasis on corporate illustration, composition, painting and logos as well as advertisement designs while focusing on vectors, lines, features, shapes, and spaces. All this will be integrated into how graphic elements are printed after they are processed in graphic design software for the purpose of visually illustrating emotions and messages.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;">During the course you will be exposed to:&nbsp;<strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">advertisements, magazines, newspapers, corporate graphic designs particular to company cultures and brand identity, stationery, letterheads, business cards, logos, books, packaging and much more.</strong></p></div><div data-id="68acc2a" data-element_type="widget" data-widget_type="image.default" fr-original-style="" style="box-sizing: border-box;"><img width="1024" height="692" alt="" data-srcset="https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-1024x692.webp 1024w, https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-300x203.webp 300w, https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-768x519.webp 768w, https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456.webp 1440w" data-src="https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-1024x692.webp" data-sizes="(max-width: 1024px) 100vw, 1024px" src="https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-1024x692.webp" sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-1024x692.webp 1024w, https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-300x203.webp 300w, https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456-768x519.webp 768w, https://blueskygraphics.co.uk/wp-content/uploads/2022/12/Student-work-123456.webp 1440w" fr-original-style="" style="cursor: pointer; padding: 0px 1px; user-select: none; max-width: 100%; position: relative; box-sizing: border-box;" fr-original-class="fr-draggable"></div><div data-id="e3de655" data-element_type="widget" data-widget_type="text-editor.default" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);"><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">The graphic design course teaches you to understand and learn how to operate a labyrinthine yet amazing world of Adobe software. With this software we explore the uses of words, shapes, textures, forms, sizes and colours to communicate by combining ideas and images to make a new concept. Graphic design through common misconception is not just about layout and typography, but much more about ideas behind visual meaning. Graphic design can make a company more successful in the world if it makes communication smart, attractive and able to captivate its audience. Graphic design can effectively be used by businesses to make (or break) their brand identity, increase sales, promote web traffic or promote services and products through advertising on their websites to convey complex data to its readers in a clear way.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Elements of graphic design include:&nbsp;<strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Colour, Size, Texture, Line, Shape, Space and, Form</strong>. It is important that each element is understood correctly, and this is one of the key principles we teach on our graphic design course. In other terms, graphic design communicates certain ideas or messages through visuals. These visuals can be as simple as a business logo, or as complex as pages of web design. This course goes beyond just the practical side of graphic design and includes the theory and substance behind modern graphic design.<br fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Your teacher will guide you on:</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">What salary you can expect at the start of your career?<br fr-original-style="" style="box-sizing: border-box;">How to get new clients for your business for freelance designers ?<br fr-original-style="" style="box-sizing: border-box;">How to find work for the new graphic designer starting out in the big world?<br fr-original-style="" style="box-sizing: border-box;">How to quickly integrate into the graphic design field?<br fr-original-style="" style="box-sizing: border-box;">How to combine working from home versus working at a studio ?</p></div><div data-id="9eeb2d6" data-element_type="widget" data-widget_type="text-editor.default" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style=" color: rgb(0, 0, 0);"><br fr-original-style="" style="box-sizing: border-box;"></div></div></section><section data-id="9dd6ca4" data-element_type="section" data-settings='{"background_background":"classic"}' style="color: rgb(74, 74, 74); box-sizing: border-box;" fr-original-style=" color: rgb(74, 74, 74);"><div data-id="c7b1c39" data-element_type="column" data-settings='{"background_background":"classic"}' fr-original-style="" style="box-sizing: border-box;"><div data-id="d1226d1" data-element_type="widget" data-widget_type="heading.default" fr-original-style="" style="box-sizing: border-box;"><h2 style="color: rgb(44, 132, 238); box-sizing: border-box;" fr-original-style=" color: rgb(44, 132, 238);">Begin one-to-one online learning with your very own private tutor</h2></div></div></section><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><img src="https://images.cademy.co.uk/0832ed64-c289-46fe-8a61-ae4fb9d9c688/14e85caa-6eee-4593-8ec3-48bdfc839153/original.webp" style="width: 698px; display: block; vertical-align: top; margin: 5px auto; text-align: center; cursor: auto; padding: 0px 1px; user-select: none; max-width: 100%; position: relative; box-sizing: border-box;" fr-original-style="width: 698px; display: block; vertical-align: top; margin: 5px auto; text-align: center; cursor: auto;" fr-original-class="fr-draggable"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"></p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"></p><div data-id="833cc17" data-element_type="widget" data-widget_type="heading.default" id="isPasted" fr-original-style="" style="box-sizing: border-box;"><div data-id="833cc17" data-element_type="widget" data-widget_type="heading.default" style="color: rgb(74, 74, 74); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(74, 74, 74);"><h2 style="color: rgb(33, 33, 33); box-sizing: border-box;" fr-original-style=" color: rgb(33, 33, 33);">Interested?</h2></div><div data-id="63ead7e" data-element_type="widget" data-widget_type="text-editor.default" style="color: rgb(12, 12, 12); box-sizing: border-box;" fr-original-style=" color: rgb(12, 12, 12);"><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Our course is 7 months long, consisting of 1 hour 30 minutes of online one-to-one sessions. When you enrol at Blue Sky Graphics expect at least 90 minutes of class sessions and 2 &ndash; 4 hours of homework per week.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">If we accommodate the course delivery into a shorter time frame, (for e.g. over 4 months instead of 7 months the Flexi 3 doubles from &pound;265.00 to &pound;450.00 over 4 months) the instalment is billed at the delivery rate.&nbsp;</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">The cost of traditional schooling is typically more expensive than online courses, but in the end it all comes down to how good the tutors are. With our online courses you can gain skills that are a necessity for graphic design remotely.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">That&rsquo;s right! Learn the skills needed to use Photoshop, Illustrator, InDesign and portfolio!</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">The online courses cost &pound;1799.00 (VAT inclusive) with no extra hidden costs and there are affordable instalment options too. Pay via debit or credit card or use a payment plan. A deposit of &pound;294.00 is required to secure your position.</p></div></div><div data-id="63ead7e" data-element_type="widget" data-widget_type="text-editor.default" style="color: rgb(12, 12, 12); box-sizing: border-box;" fr-original-style=" color: rgb(12, 12, 12);"><br fr-original-style="" style="box-sizing: border-box;"></div>

Graphic Design Courses Birmingham

Graphic Design

GRAPHIC DESIGN COURSE

<p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Become a Certified User Experience Professional</strong></p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">Build a career in UX with the world&rsquo;s only university credit-rated online UX course. Acquire the mindset, the skills and the confidence that make UX designers so valuable. A rewarding and meaningful career awaits.</p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Why become a UX designer?</strong></p><ul style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Be in demand</strong><br fr-original-style="" style="box-sizing: border-box;">UX is a high-growth sector. The demand for UX designers far outstrips the supply of qualified professionals.<br fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Get well paid</strong><br fr-original-style="" style="box-sizing: border-box;">UX designers are highly paid. The average entry-level salary for a UX designer in the United Kingdom is &pound;35,465 (PayScale, 2019)<br fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Love your job</strong><br fr-original-style="" style="box-sizing: border-box;">UX designers make an impact. They solve real-world problems using an exciting mix of research, design, technology and psychology.</li></ul><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Study method</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Online, self-paced</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Duration</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">6 months</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Access to content</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">12 months</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Qualification</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Level 8 Diploma - User Experience Design</p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Awarded by Glasgow Caledonian University</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Regulated by SQA</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Additional info</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Exam(s) / assessment(s) is included in price</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Tutor is available to students</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Description</h2><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Duration: 6 months<br fr-original-style="" style="box-sizing: border-box;"></strong>Get certified in six months following a flexible, structured learning path.<br fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Delivery: Online<br fr-original-style="" style="box-sizing: border-box;"></strong>The course is delivered entirely online, including video modules, mentor-led webinars and support.<br fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Assessment: 2-hour exam<br fr-original-style="" style="box-sizing: border-box;"></strong>Before getting certified, you&#39;ll be assessed during a two-hour exam taken online.</li></ul><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Outcomes for you</strong></p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Think like a UX designer; adopt the mindset that sets them apart</li><li fr-original-style="" style="box-sizing: border-box;">Showcase your knowledge with a portfolio of project work</li><li fr-original-style="" style="box-sizing: border-box;">Speak with the confidence that comes from a true, deep understanding of UX</li><li fr-original-style="" style="box-sizing: border-box;">Advance your career with job-ready skills</li><li fr-original-style="" style="box-sizing: border-box;">Complete a university credit-rated course, valued by employers globally</li><li fr-original-style="" style="box-sizing: border-box;">Become a Certified UX Professional</li></ul><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Learn with us</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">We&rsquo;ve worked hard to design the best possible online learning experience for you. As well as an unmatched syllabus, our approach includes:</p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Projects &amp; portfolio</strong><br fr-original-style="" style="box-sizing: border-box;">Learn by doing with a series of real-world projects ideal for your UX portfolio.<br fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Mentors &amp; webinars</strong><br fr-original-style="" style="box-sizing: border-box;">Be guided by our hand-picked, world-class mentors during monthly webinars.<br fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Structure &amp; support</strong><br fr-original-style="" style="box-sizing: border-box;">Stay motivated with a structured programme supported by fellow students and our customer success team.</li></ul><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">What you&rsquo;ll learn</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">We&rsquo;ve put together a university credit-rated curriculum that&rsquo;s deep, rigorous and<br fr-original-style="" style="box-sizing: border-box;">covers everything you need to know to become a certified UX professional and<br fr-original-style="" style="box-sizing: border-box;">turbocharge your career.</p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 01</strong>&nbsp;- Introduction to UX design</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 02</strong>&nbsp;- User research</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 03</strong>&nbsp;- User goals</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 04</strong>&nbsp;- Structure and navigation</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 05</strong>&nbsp;- Interactions</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 06</strong>&nbsp;- Design principles</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 07</strong>&nbsp;- Design patterns</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 08</strong>&nbsp;- Mobile</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 09</strong>&nbsp;- Workflows</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 10</strong>&nbsp;- Prototyping and handover</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 11</strong> - AI and UX</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 12</strong> - Creating your portfolio</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 13</strong> - Career guidance Hub</li><li style="font-weight: bold; box-sizing: border-box;" fr-original-style="font-weight: bold;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Tutorials for Figma</strong></li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Projects and portfolio</strong>&nbsp;- Projects that build into a portfolio</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Exam</strong>&nbsp;- 2-hour final exam</li></ul></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Requirements</h2><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Background</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You don&rsquo;t need experience in design or technology to enrol in our courses, although having one or both is a definite bonus. Our students come from a diverse array of backgrounds, including project management, development, graphic design, product management, business analysis and so on.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Commitment</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You do need to be motivated and committed. We set a high bar. Studying for one of our professional qualifications requires a certain amount of time, energy and focus. Our team will be there to support you along every step of the way but success will come as a result of your own diligence.</p></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Career path</h2><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">The average salary for entry level user experience designers is &pound;28,000</li><li fr-original-style="" style="box-sizing: border-box;">The average salary for user experience designers with 1-5 years experience ranges from &pound;29,000 to &pound;50,000</li><li fr-original-style="" style="box-sizing: border-box;">The average salary for user experience managers/leads is &pound;80,000</li></ul><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Information from LinkedIn Salary Reports, based on real jobs listings.</p></section>

UX Design Institute 

Product Design

Professional Diploma in UX Design

<p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Become a certified UI designer</strong></p><ul style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><li fr-original-style="" style="box-sizing: border-box;">Learn how to create beautiful, pixel-perfect user interfaces</li><li fr-original-style="" style="box-sizing: border-box;">Accelerate your career with an in-demand skillset</li><li fr-original-style="" style="box-sizing: border-box;">Get a professional qualification in just 12 weeks</li><li fr-original-style="" style="box-sizing: border-box;">Manage your own schedule with our flexible, self-paced online course</li></ul><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Expand your career options</strong></p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">UI skills are needed worldwide, and demand is growing. With a globally recognised qualification, you&rsquo;ll become a more valuable, sought-after professional.</p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Design with confidence</strong></p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">You&rsquo;ll understand the &lsquo;why&rsquo; of good UI design by knowing the principles behind it. You&rsquo;ll be able to defend your decisions and design with confidence.</p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Work in a creative, rewarding job</strong></p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">UI designers add personality and visual appeal to user interfaces. It&rsquo;s an enjoyable career that rewards creativity: the perfect entry into tech for visually-minded people.</p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">A flexible, university-backed curriculum</strong></p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">Our curriculum is university credit-rated and approved by the industry. Over 12 weeks, you&rsquo;ll learn the principles and skills you need to become a confident UI designer.</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Study method</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Online, self-paced</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Duration</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">12 weeks</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Access to content</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">12 months</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Qualification</strong></p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Professional Certificate in UI Design</p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Awarded by Scottish Qualifications Authority trading as SQA</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Additional info</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Exam(s) / assessment(s) is included in price</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Tutor is available to students</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Description</h2><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">During this 12 week, online course you will learn:</p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Introduction to UI Design</li><li fr-original-style="" style="box-sizing: border-box;">Brand and Personality</li><li fr-original-style="" style="box-sizing: border-box;">Layout</li><li fr-original-style="" style="box-sizing: border-box;">Design Principles</li><li fr-original-style="" style="box-sizing: border-box;">Interactivity</li><li fr-original-style="" style="box-sizing: border-box;">Typography</li><li fr-original-style="" style="box-sizing: border-box;">Colour, shapes and effects</li><li fr-original-style="" style="box-sizing: border-box;">Iconography and imagery</li><li fr-original-style="" style="box-sizing: border-box;">Design process</li><li fr-original-style="" style="box-sizing: border-box;">Presenting ideas</li><li fr-original-style="" style="box-sizing: border-box;">UI design tools</li></ul><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You will also work on a project and your portfolio with access to weekly mentor sessions, an active student community, and support from our student success team.</p></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Who is this course for?</h2><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Graphic designers and digital designers who want to upskill to UI design</li><li fr-original-style="" style="box-sizing: border-box;">UI designers who want to strengthen their knowledge and craft</li><li fr-original-style="" style="box-sizing: border-box;">UX professionals who want to become more rounded product designers</li><li fr-original-style="" style="box-sizing: border-box;">Anybody with a design background looking for a creative job in tech</li></ul></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Requirements</h2><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You don&rsquo;t need experience in design or technology to enrol in our courses, although having one or both is a definite bonus. Our students come from a diverse mix of backgrounds, including project management, development, graphic design, product management, business analysis and so on.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You need to be motivated and committed. We set a high bar. Studying for one of our professional qualifications requires a certain amount of time, energy and focus.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You need to be comfortable learning in English. All video lessons, course materials, webinars, correspondence and the final exam are delivered in English.</p></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Career path</h2><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Students typically graduate into UI Designer jobs. The average UI Designer salary in the UK with 3-5 years experience is &pound;62,500.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">This is based on data from Payscale, Totaljobs, Indeed, Talent, and Glassdoor</p></section></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><br fr-original-style="" style="box-sizing: border-box;"></section>

Professional Certificate in UI Design

<p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);">A comprehensive introduction to UX design. Learn the key principles and concepts behind the UX process.</p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Take your first steps into UX</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Whether you want to explore UX as a career or expand your professional skillset, this UX design fundamentals course is the perfect starting point.</p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Follow 65 expert lessons that will immerse you in the theory and principles of UX Design</li><li fr-original-style="" style="box-sizing: border-box;">Learn about the techniques that underpin the UX process, like user research, affinity diagrams, and prototyping</li><li fr-original-style="" style="box-sizing: border-box;">Earn a globally recognised and university credit-rated professional qualification</li></ul><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Who is it for?</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Anybody who needs to understand UX</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Format</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Online, self-paced</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Duration</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">6 weeks (recommended)</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Commitment</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">3 hours per week</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">How you&rsquo;ll benefit</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">If you want to really understand UX, this UX design fundamentals course for you.</p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Speak confidently about UX design</li><li fr-original-style="" style="box-sizing: border-box;">Develop a mindset for problem-solving</li><li fr-original-style="" style="box-sizing: border-box;">Learn to advocate for the user - and make better business decisions as a result</li><li fr-original-style="" style="box-sizing: border-box;">Become a more rounded, valuable professional</li><li fr-original-style="" style="box-sizing: border-box;">Showcase your knowledge with a university credit-rated certificate</li></ul><div fr-original-style="" style="box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></div><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Learn the key UX design fundamentals concepts in just six weeks.</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Everything you need to truly grasp UX, over five engaging modules.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 1</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Introduction to UX design</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Gain a comprehensive overview of the UX design process.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 2</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">User research methods</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Learn how to gain deep insights into customer needs and behaviours.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 3</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Analysis techniques</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Discover how research gets translated into actionable insights.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 4</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Defining the experience</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Explore problem-solving techniques and design principles.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 5</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Prototyping techniques</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Understand the different forms of prototyping and when to use them.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Exam</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">40-minute final exam</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Get assessed on your knowledge through a final exam.</p><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><br fr-original-style="" style="box-sizing: border-box;"></section></section></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><br fr-original-style="" style="box-sizing: border-box;"></section>

Certificate in UX Design Fundamentals

Early Bird Price

<p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Learn the essentials of software development. And increase your confidence when working with developers.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Why take this course?</strong></p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Talk with confidence about web and internet technologies</li><li fr-original-style="" style="box-sizing: border-box;">Build better relationships with developers on your team</li><li fr-original-style="" style="box-sizing: border-box;">Create smarter designs with a deeper understanding of technical constraints</li><li fr-original-style="" style="box-sizing: border-box;">Understand the concepts behind coding without needing to code</li></ul><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Who is it for?</strong></p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">All UX professionals</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Format</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Online, self-paced</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Duration</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">6 weeks (recommended)</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Commitment</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">3 hours per week</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></strong></p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">What you&rsquo;ll learn</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Over 6 weeks, you&rsquo;ll learn about the key concepts and processes involved in software development. You&#39;ll understand how code works, so that you can collaborate more effectively with developers.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 1</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">The software landscape</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Understand the relationship between hardware and software.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 2</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Layers of software</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Dig into each layer of the tech stack, from the front-end to the back-end.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 3</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Front-end technologies</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Get up to speed on the roles of HTML, CSS and Javascript.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 4</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Back-end technologies</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Explore the back-end, APIs and common programming languages.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 5</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">How developers work</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Learn about common development workflows, from waterfall to agile.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 6</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Effective collaboration</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Get practical guidance on how to work well with development teams.</p>

Coding

Software

Software and Coding Fundamentals for UX

<p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Build a rewarding career in content design</strong></p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">Build a rewarding career in content design with a globally recognised, industry-approved qualification. Get the mindset, the confidence and the skills that will help you stand out in a rapidly growing industry.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong style="color: rgb(15, 21, 26); font-weight: 700; box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">Why take this course:</strong></p><ul style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><li fr-original-style="" style="box-sizing: border-box;">Be in demand. Certified qualifications will help you stand out in a fast-growing industry</li><li fr-original-style="" style="box-sizing: border-box;">Build a career with impact. Design content experiences that will influence users worldwide</li><li fr-original-style="" style="box-sizing: border-box;">Broaden your opportunities. Optimise your skills to get hired at leading companies</li><li fr-original-style="" style="box-sizing: border-box;">Get qualified. Earn a&nbsp;<strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">university credit-rated certification</strong>&nbsp;approved by industry leaders</li><li fr-original-style="" style="box-sizing: border-box;">Gain the confidence you need to succeed. Our mentors, career advisors and student community will support you all the way</li></ul><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong style="color: rgb(15, 21, 26); font-weight: 700; box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">University credit-rated, industry-approved</strong></p><p style="color: rgb(15, 21, 26); font-size: var(--font-size); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);">Our content design course is credit-rated by Glasgow Caledonian University and has been reviewed and endorsed by leaders in the tech industry. It covers everything you need to become a certified content design professional.</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Study method</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Online, self-paced</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Duration</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">10 weeks</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Access to content</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">12 months</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Qualification</strong></p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Professional Certificate in Content Design<br fr-original-style="" style="box-sizing: border-box;">Awarded by Scottish Qualifications Authority trading as SQA</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Additional info</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Exam(s) / assessment(s) is included in price</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Tutor is available to students</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Description</h2><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">In this Professional Certificate in Content Design course you will learn:</p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">An introduction to content design.<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Understand what content design is and the role of a content designer.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Principles of good content design<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Learn the core principles of content design and why it matters.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Voice, tone and style<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Learn how voice, tone, and style can create a cohesive product experience.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Understanding your users<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Uncover your audience&#39;s goals and content needs.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Writing for interfaces<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Learn to write microcopy for buttons, notifications and other UI elements.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">The product mindset<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Develop a product mindset by learning about product design systems and tools.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Testing content<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Learn how to test, evaluate and improve your content.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">AI for content design<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Learn how to use AI tools to become a more effective content designer.</li><li fr-original-style="" style="box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Working in content design<br fr-original-style="" style="box-sizing: border-box;"></strong></strong>Learn how to be the content champion within your organisation.</li></ul><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Support at every step</strong><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">From day one, you&rsquo;ll be part of a lively community of tutors, mentors and fellow students that support each other along the way.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Student Success team</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Our friendly and responsive team will help you stay on track and keep you accountable.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Course mentor</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Your course mentor is an expert content designer who brings years of practical insight.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Student community</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Collaborate, share tips and build connections on our lively student Slack channels.</p></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Who is this course for?</h2><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Writers and journalists who want to enhance their skills for the digital world</li><li fr-original-style="" style="box-sizing: border-box;">UX and UI designers who want to become more rounded professionals</li><li fr-original-style="" style="box-sizing: border-box;">Content designers looking for a formal qualification that validates their expertise</li><li fr-original-style="" style="box-sizing: border-box;">Digital marketers who need content design skills to succeed in their roles</li><li fr-original-style="" style="box-sizing: border-box;">Anybody with a writing, content or design background looking for a creative tech job</li></ul></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><h2 fr-original-style="" style="box-sizing: border-box;">Requirements</h2><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Background</strong><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You don&rsquo;t need experience in design or technology to enrol in our courses. To get the most value from this course, you will need some experience in writing and a genuine interest in words and language.</p><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Commitment</strong><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">You do need to be motivated and committed. We set a high bar. Studying for one of our professional qualifications requires a certain amount of time, energy and focus.</p><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">English language</strong><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">To take this course, you should be fluent in verbal and written English. If English is not your first language, you should have a proficiency of C1 as defined by the CEFRL (Common European Framework of Reference for Languages).</p></section></section></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><br fr-original-style="" style="box-sizing: border-box;"></section>

Content Design

UX Writing

Professional Certificate in Content Design

<p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">The industry standard course in UX research</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Master the research skills that make UX professionals so valuable. Become a confident, credible and effective user researcher with a globally recognised qualification.</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Who is it for?</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">UX professionals Aspiring UX researchers</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Duration</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">16 weeks</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Commitment</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">3 hours per week</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Format</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Online, self-paced with live support and mentoring</p><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Why take this user research course:</strong></p><ul fr-original-style="" style="box-sizing: border-box;"><li fr-original-style="" style="box-sizing: border-box;">Gain the most in-demand skills* and boost your career in a thriving industry.</li><li fr-original-style="" style="box-sizing: border-box;">Learn a complete range of UX research methods. Expand your toolkit to conduct high-quality research at pace.</li><li fr-original-style="" style="box-sizing: border-box;">Become an insights expert. Translate findings into actionable insights and communicate them with conviction.</li><li fr-original-style="" style="box-sizing: border-box;">Showcase your expertise. Build a professional user research portfolio and earn a university credit-rated qualification.</li><li fr-original-style="" style="box-sizing: border-box;">Get the confidence to succeed. Count on our mentors, career advisors and student community throughout your journey.</li></ul><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">*Research is one of the top 10 most in-demand skills globally (LinkedIn, 2023).</p><hr fr-original-style="" style="border-color: var(--border-muted); border-style: solid; clear: both; break-after: page; user-select: none; box-sizing: border-box;"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><section style="color: rgb(15, 21, 26); box-sizing: border-box;" id="isPasted" fr-original-style=" color: rgb(15, 21, 26);"><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">A comprehensive, in-depth curriculum</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">This user research course has been created and validated by experts in UX research. It is credit-rated by Glasgow Caledonian University.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Self-paced learning gives you the flexibility to study in your own time. Monthly deadlines and submissions give you structure and accountability. The best of both worlds.</p></section><section style="color: rgb(15, 21, 26); box-sizing: border-box;" fr-original-style=" color: rgb(15, 21, 26);"><br fr-original-style="" style="box-sizing: border-box;"></section></section></section><p id="isPasted" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 1</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Introduction to user research</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Understand the role of a UX researcher. Explore the types, methods and ethics of research.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 2</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Planning the research</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Learn how to build a research plan, collaborate with stakeholders, recruit participants and manage data.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 3</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Fundamental user research skills</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Master the core skills of interviewing and usability testing. Learn how to moderate and take notes.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 4</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Expanding your toolkit</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Explore qualitative research methods like ethnography, contextual enquiry, service safaris and diary studies.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 5</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Analysing qualitative research</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Learn to analyse research data and translate it into user goals, affinity diagrams, personas and journey maps.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 6</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Quantitative research</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Learn to design, conduct and analyse online surveys, A/B tests and more.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 7</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Communicating the research</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Learn how to report and present your findings with confidence.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Module 8</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">AI for user research</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Explore how AI tools can assist researchers.</p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><br fr-original-style="" style="box-sizing: border-box;"></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Project</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><strong fr-original-style="" style="font-weight: 700; box-sizing: border-box;">Portfolio project</strong></p><p fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;">Build a professional portfolio to showcase your research expertise.</p>

User Research

Professional Certificate in User Research

<div id="menu0">
									<div>
			<div>
				<div>
							<section>
						<div>
				<div>
				<div>
			<div>
					<div>
				<div>
				<div>
					<div><p><span>Join our Web Design Course course and discover your hidden skills, setting you on a path to success in this area. Get ready to improve your skills and achieve your biggest goals. The Web Design Course course has everything you need to get a great start in this sector.</span></p><p><span>Improving and moving forward is key to getting ahead personally. The Web Design Course course is designed to teach you the important stuff quickly and well, helping you to get off to a great start in the field. So, what are you looking for? Enrol now!</span></p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section>
						<div>
				<div>
				<div>
			<div>
					<div>
				<div>
				<div>
					<div>
							
					<div></div>
										<div></div>
														
							
					<div></div>
										<div></div>
														
							
					<div></div>
										<div></div>
														
							
					<div></div>
										<div></div>
														
					</div>
			</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section>
						<div>
				<div>
				<div>
			<div>
					<div>
				<div>
				<div>
			<h4>You will Learn The Following Things: </h4>  		</div>
				</div>
				<div>
				<div>
					<ul>
							<li>
											<span>
							<i></i>						</span>
										<span>Learn strategies to boost your workplace efficiency.</span>
									</li>
								<li>
											<span>
							<i></i>						</span>
										<span>Hone your skills to help you advance your career.</span>
									</li>
								<li>
											<span>
							<i></i>						</span>
										<span>Acquire a comprehensive understanding of various topics and tips.</span>
									</li>
								<li>
											<span>
							<i></i>						</span>
										<span>Learn in-demand skills that are in high demand among UK employers</span>
									</li>
						</ul>
				</div>
				</div>
				<div>
				<div>
					<div><p><span>This course covers the topic you must know to stand against the tough competition. The future is truly yours to seize with this Web Design Course. Enrol today and complete the course to achieve a certificate that can change your career forever.</span></p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
				<section>
						<div>
				<div>
				<div>
			<div>
					<div>
				<div>
				<div>
			<h2>Details
</h2>		</div>
				</div>
				<div>
				<div>
			<h4>Perks of Learning with IOMH</h4>  		</div>
				</div>
				<div>
				<div>
					<ul>
							<li>
											<span>
							<i></i>						</span>
										<span>One-to-one support from a dedicated tutor throughout your course.</span>
									</li>
								<li>
											<span>
							<i></i>						</span>
										<span>Study online - whenever and wherever you want.</span>
									</li>
								<li>
											<span>
							<i></i>						</span>
										<span>Instant Digital/ PDF certificate</span>
									</li>
								<li>
											<span>
							<i></i>						</span>
										<span>100% money back guarantee</span>
									</li>
								<li>
											<span>
							<i></i>						</span>
										<span>12 months access</span>
									</li>
						</ul>
				</div>
				</div>
				<div>
				<div>
			<h4>Process of Evaluation</h4>  		</div>
				</div>
				<div>
				<div>
					<div><p>After studying the course, an MCQ exam or assignment will test your skills and knowledge. You have to get a score of 60% to pass the test and get your certificate.</p></div>
				</div>
				</div>
				<div>
				<div>
			<h4>Certificate of Achievement</h4>  		</div>
				</div>
				<div>
				<div>
					<div><p><span>Certificate of Completion - Digital/PDF Certificate</span></p><p>After completing the <span>Web Design Course course</span>, you can order your<span> CPD-accredited Digital/PDF Certificate for £5.99. </span></p><p><span>Certificate of Completion - Hard copy Certificate</span></p><p><span><span>You can get the CPD Accredited Hard Copy Certificate for £12.99. (Each)</span></span></p><div><span> </span></div><div><span>Shipping Charges:</span><span><span><br /></span></span></div><ul><li><p><span>Inside the UK: £3.99</span></p></li><li><p><span>International: £10.99</span></p></li></ul></div>
				</div>
				</div>
				<div>
				<div>
			<h4>Who Is This Course for?</h4>  		</div>
				</div>
				<div>
				<div>
					<div><p><span>This Web Design Course is suitable for anyone aspiring to start a career in relevant field; even if you are new to this and have no prior knowledge, this course is going to be very easy for you to understand. </span></p><p><span>On the other hand, if you are already working in this sector, this course will be a great source of knowledge for you to improve your existing skills and take them to the next level. </span></p><p><span>This course has been developed with maximum flexibility and accessibility, making it ideal for people who don't have the time to devote to traditional education.</span></p></div>
				</div>
				</div>
				<div>
				<div>
			<h4>Requirements</h4>  		</div>
				</div>
				<div>
				<div>
					<div><p><span>There is no prerequisite to enrol in this course. You don't need any educational qualification or experience to enrol in the Web Design Course course.</span></p><p><span>Do note: you must be at least 16 years old to enrol.</span></p><p><span>Any internet-connected device, such as a computer, tablet, or smartphone, can access this online course.</span></p></div>
				</div>
				</div>
				<div>
				<div>
			<h4>Career Path</h4>  		</div>
				</div>
				<div>
				<div>
					<div><p><span>The certification and skills you get from this </span><span>Web Design Course Course</span><span> can help you advance your career and gain expertise in several fields, allowing you to apply for high-paying jobs in related sectors.</span></p></div>
				</div>
				</div>
						</div>
			</div>
		</div>
						</div>
			</div>
		</section>
						</div>
			</div>
		</div>
								</div>
						<div id="menu1">
							<div>
											<div>
				<h3>
	<span>Course Curriculum</span>
</h3>

<div>
<table>				<tbody><tr>
					<td colspan="4">Section 01: Introduction</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Introduction</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 03: Basics Syntax And First Steps</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Alert!!! Important: A Must-Watch Video</td>
					<td> </td>
					<td><span><i></i> 00:01:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>How the Web Works</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>What Are Text Editors and Installation</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>How the Browser Works</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 02: Basic And General Info And Installation</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Basic Syntax</td>
					<td> </td>
					<td><span><i></i> 00:14:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Elements</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Attributes</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Headings</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Paragraphs</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 04: Diving Deeper With HTML And CSS Basics</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Style Attribute</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Formatting</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Comments</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Simple Intro to CSS</td>
					<td> </td>
					<td><span><i></i> 00:16:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Links</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Images</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 05: Diving Deeper: Tables, Lists And Forms</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Tables</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Lists</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>First Training (Creating a Simple Menu)</td>
					<td> </td>
					<td><span><i></i> 00:00:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Forms pt.1</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Forms pt.2</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Forms pt.3</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Forms pt.4</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 06: Getting Advanced And Finishing Up</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Inline and Block Tags</td>
					<td> </td>
					<td><span><i></i> 00:16:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Classes</td>
					<td> </td>
					<td><span><i></i> 00:10:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Ids</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>More about the Head</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>HTML Entities</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 07: Getting Started With CSS</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Intro and Revision to CSS</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Syntax</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Comments</td>
					<td> </td>
					<td><span><i></i> 00:00:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 08: Colours</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Colours pt.1</td>
					<td> </td>
					<td><span><i></i> 00:19:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Colours pt.2</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 09: Backgrounds</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Backgrounds pt.1</td>
					<td> </td>
					<td><span><i></i> 00:13:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Backgrounds pt.2</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Backgrounds pt.3</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 10: Borders</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Borders pt.1</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Borders pt.2</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 11: Margin, Padding And More</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Margin</td>
					<td> </td>
					<td><span><i></i> 00:14:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Padding</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 12: Outline</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Width and Height</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Box Model</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Training 2 (Building a Simple Form)</td>
					<td> </td>
					<td><span><i></i> 00:22:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Outline pt.1</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Outline pt.2</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 13: Text</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Text pt.1</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Text pt.2</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Text pt.3</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 14: Fonts</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Fonts pt.1</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Fonts pt.2</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Fonts pt.3</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 15: Display</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Display pt.1</td>
					<td> </td>
					<td><span><i></i> 00:11:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Display pt.2</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Display pt.3</td>
					<td> </td>
					<td><span><i></i> 00:10:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 16: Position</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Position pt.1</td>
					<td> </td>
					<td><span><i></i> 00:05:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Position pt.2</td>
					<td> </td>
					<td><span><i></i> 00:10:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 17: Z-Index</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Z-index pt.1</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Z-index pt.1</td>
					<td> </td>
					<td><span><i></i> 00:07:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 18: Overflow</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Overflow pt.1</td>
					<td> </td>
					<td><span><i></i> 00:08:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Overflow pt.2</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 19: Pseudo Classes, Elements And Other Stuff</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Pseudo Classes 45</td>
					<td> </td>
					<td><span><i></i> 00:00:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Pseudo Elements</td>
					<td> </td>
					<td><span><i></i> 00:09:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Opacity</td>
					<td> </td>
					<td><span><i></i> 00:06:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Cursor</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 20: Float</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Float pt.1</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 21: Outro</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Outro and Where to Go From Here</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
								<tr>
					<td colspan="4">Section 22: More Lectures: Update 2022</td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Videos 45</td>
					<td> </td>
					<td><span><i></i> 00:04:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Sound 45</td>
					<td> </td>
					<td><span><i></i> 00:02:00</span></td>
				</tr>
								<tr>
					<td><i></i></td>
					<td>Youtube Videos 45</td>
					<td> </td>
					<td><span><i></i> 00:03:00</span></td>
				</tr>
				</tbody></table></div>

			</div>
									</div>
						</div>
						<div id="menu2">
							
						</div>

Join our Web Design Course course and discover your hidden skills, setting you on a path to success in this area. Get ready to improve your skills and achieve your biggest goals. The Web Design Course course has everything you need to get a great start in this sector.
Improving and moving forward is key to getting ahead personally. The Web Design Course course is designed to teach you the important stuff quickly and well, helping you to get off to a great start in the field. So, what are you looking for? Enrol now!
You will Learn The Following Things:
Learn strategies to boost your workplace efficiency.
Hone your skills to help you advance your career.
Acquire a comprehensive understanding of various topics and tips.
Learn in-demand skills that are in high demand among UK employers
This course covers the topic you must know to stand against the tough competition. The future is truly yours to seize with this Web Design Course. Enrol today and complete the course to achieve a certificate that can change your career forever.
Details

Perks of Learning with IOMH
One-to-one support from a dedicated tutor throughout your course.
Study online - whenever and wherever you want.
Instant Digital/ PDF certificate
100% money back guarantee
12 months access
Process of Evaluation
After studying the course, an MCQ exam or assignment will test your skills and knowledge. You have to get a score of 60% to pass the test and get your certificate.
Certificate of Achievement
Certificate of Completion - Digital/PDF Certificate
After completing the Web Design Course course, you can order your CPD-accredited Digital/PDF Certificate for £5.99. 
Certificate of Completion - Hard copy Certificate
You can get the CPD Accredited Hard Copy Certificate for £12.99. (Each)
Shipping Charges:
Inside the UK: £3.99
International: £10.99
Who Is This Course for?
This Web Design Course is suitable for anyone aspiring to start a career in relevant field; even if you are new to this and have no prior knowledge, this course is going to be very easy for you to understand. 
On the other hand, if you are already working in this sector, this course will be a great source of knowledge for you to improve your existing skills and take them to the next level. 
This course has been developed with maximum flexibility and accessibility, making it ideal for people who don't have the time to devote to traditional education.
Requirements
There is no prerequisite to enrol in this course. You don't need any educational qualification or experience to enrol in the Web Design Course course.
Do note: you must be at least 16 years old to enrol.
Any internet-connected device, such as a computer, tablet, or smartphone, can access this online course.
Career Path
The certification and skills you get from this Web Design Course Course can help you advance your career and gain expertise in several fields, allowing you to apply for high-paying jobs in related sectors.
 Course Curriculum

Section 01: Introduction		
	Introduction	00:07:00
Section 03: Basics Syntax And First Steps		
	Alert!!! Important: A Must-Watch Video	00:01:00
	How the Web Works	00:07:00
	What Are Text Editors and Installation	00:05:00
	How the Browser Works	00:11:00
Section 02: Basic And General Info And Installation		
	HTML Basic Syntax	00:14:00
	HTML Elements	00:06:00
	HTML Attributes	00:08:00
	HTML Headings	00:04:00
	HTML Paragraphs	00:06:00
Section 04: Diving Deeper With HTML And CSS Basics		
	HTML Style Attribute	00:09:00
	HTML Formatting	00:04:00
	HTML Comments	00:05:00
	Simple Intro to CSS	00:16:00
	HTML Links	00:06:00
	HTML Images	00:08:00
Section 05: Diving Deeper: Tables, Lists And Forms		
	HTML Tables	00:11:00
	HTML Lists	00:07:00
	First Training (Creating a Simple Menu)	00:00:00
	HTML Forms pt.1	00:11:00
	HTML Forms pt.2	00:11:00
	HTML Forms pt.3	00:08:00
	HTML Forms pt.4	00:06:00
Section 06: Getting Advanced And Finishing Up		
	HTML Inline and Block Tags	00:16:00
	Classes	00:10:00
	Ids	00:08:00
	More about the Head	00:09:00
	HTML Entities	00:05:00
Section 07: Getting Started With CSS		
	Intro and Revision to CSS	00:05:00
	Syntax	00:08:00
	Comments	00:00:00
Section 08: Colours		
	Colours pt.1	00:19:00
	Colours pt.2	00:08:00
Section 09: Backgrounds		
	Backgrounds pt.1	00:13:00
	Backgrounds pt.2	00:05:00
	Backgrounds pt.3	00:09:00
Section 10: Borders		
	Borders pt.1	00:07:00
	Borders pt.2	00:06:00
Section 11: Margin, Padding And More		
	Margin	00:14:00
	Padding	00:08:00
Section 12: Outline		
	Width and Height	00:06:00
	Box Model	00:05:00
	Training 2 (Building a Simple Form)	00:22:00
	Outline pt.1	00:06:00
	Outline pt.2	00:05:00
Section 13: Text		
	Text pt.1	00:05:00
	Text pt.2	00:07:00
	Text pt.3	00:05:00
Section 14: Fonts		
	Fonts pt.1	00:07:00
	Fonts pt.2	00:04:00
	Fonts pt.3	00:03:00
Section 15: Display		
	Display pt.1	00:11:00
	Display pt.2	00:04:00
	Display pt.3	00:10:00
Section 16: Position		
	Position pt.1	00:05:00
	Position pt.2	00:10:00
Section 17: Z-Index		
	Z-index pt.1	00:07:00
	Z-index pt.1	00:07:00
Section 18: Overflow		
	Overflow pt.1	00:08:00
	Overflow pt.2	00:03:00
Section 19: Pseudo Classes, Elements And Other Stuff		
	Pseudo Classes 45	00:00:00
	Pseudo Elements	00:09:00
	Opacity	00:06:00
	Cursor	00:04:00
Section 20: Float		
	Float pt.1	00:04:00
Section 21: Outro		
	Outro and Where to Go From Here	00:03:00
Section 22: More Lectures: Update 2022		
	Videos 45	00:04:00
	Sound 45	00:02:00
	Youtube Videos 45	00:03:00


IOMH - Institute of Mental Health

Web Designer

Website Design

Design Skills

Online Education

Web Design Course

<p>The rationale for the Level 5 Diploma in IT - Web Design qualification (Accredited by Qualifi, UK) is that it provides a career path for learners who wish to develop a broad base of knowledge and skills that will enable them to work in a variety of roles n the IT industry, notably in .NET programming, system administration and network security. Learners will also learn about entrepreneurship in a techno environment.</p><p><br />The Level 5 Diploma in IT - Web Design qualification is flexible in that it offers elective choices of networking, web design or e-commerce - the latter being much in demand in modern business. The technical skills and knowledge delivered through the successful achievement of the qualification are required and recognised internationally. The diploma is accredited at Level 5 and has a total equivalence of 120 credits.</p><p><strong>Key Highlights of this Level 5 Diploma in IT - Web Design qualification are:</strong></p><ul><li>Program Duration: 9 Months (Fast track 6 months duration mode Available)</li><li>Program Credits: 120</li><li>Designed for working Professionals</li><li>Format: Online</li><li>No Written Exam. The Assessment is done via Submission of Assignment</li><li>Tutor Assist available</li><li>Dedicated Student Success Manager</li><li>Timely Doubt Resolution</li><li>Regular Networking Events with Industry Professionals</li><li>Become eligible to gain direct entry into relevant Undergraduate degree programme.</li><li>Alumni Status</li><li>No Cost EMI Option</li></ul><h2>
        
        <div>Requirements</div>
    </h2>

                        <div id="requirements">
                            <p>This Level 5 Diploma in IT - Web Design (Accredited by Qualifi, UK) qualifications has been designed to be accessible without artificial barriers that restrict access and progression. Entry to the qualification will be through centre interview and learners will be expected to hold the following:</p><ul><li>Qualifications at Level 4</li></ul><p>          OR</p><ul><li>A Level 5 qualification in another discipline and want to develop their careers in business and entrepreneurship.</li></ul>
                        </div><h2>
        
        <div>Career path</div>
    </h2>

                        <div id="career_path">
                            <p><strong>Learners completing the Level 5 Diploma in IT - Web Design progress to:</strong></p><ul><li>Final year of Undergraduate study, or</li><li>Level 6 Diploma in Information Technology, or</li><li>BSc (Hons) in Business Computing and Information Systems degree, or</li><li>Directly into employment in an associated profession.</li></ul>
                        </div><h2>
        
        <div>Certificates</div>
    </h2>

                        <div id="optional_extras">
                                    <h4>Certificate of Achievement</h4>
        <p>
            Hard copy certificate -
            Included
        </p>
            <div><p>Qualifi courses:  Once you complete the course, you would be receiving a Physical hard copy of your Diploma along with its Transcript which we would Courier to your address via DHL or Royal Mail without any additional charge.</p></div>

                        </div>

London School Of Business And Research

Level 5 Diploma in IT - Web Design

<h2 dir="ltr" id="isPasted" fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Course description</span></h2><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Figma is an industry leading web-based design tool that allows you to create user interfaces for any screen type or size, collaborate on those designs in real-time and build interactive prototypes suitable for user testing.</span></p><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Figma is a visual design tool so there&rsquo;s no coding involved. Design is achieved by adding, combining and styling shapes, text and images on a canvas or &lsquo;Frame&rsquo;.&nbsp;</span></p><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">We run 2 consecutive Figma training days, the second day building on the practical activities from the first.&nbsp;</span></p><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">You can attend just the first day. Attending just the second day is only recommended if you&rsquo;re already very comfortable with the Figma interface.&nbsp;</span></p><h2 dir="ltr" fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Day 1: Basic Figma design and collaboration</span></h2><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">For beginners with no prior experience with Figma who want to understand the basics, be able to create their own designs, share, collaborate and even iterate on the designs of others. You will learn:</span></p><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to navigate the Figma interface.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to create your own designs by:</span></p></li><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Setting up a design file.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Setting up the screen type you want to design and add grids and guides.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Adding and modifying basic shapes and text to create user interface elements.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to save text and colour styles for reuse.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to create reusable components.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to use the &lsquo;auto layout&rsquo; feature to promote tidy, consistent and usable design.</span></p></li></ul><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to collaborate on designs by sharing screens and commenting on designs.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">A brief introduction to prototyping:</span></p></li><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">What&rsquo;s possible.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">What&rsquo;s not.</span></p></li></ul></ul><h2 dir="ltr" fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Day 2: Component variants, design systems and prototyping&nbsp;</span></h2><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">This session will cover the more sophisticated aspects of Figma use such as:</span></p><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to use component variants to create:</span></p></li><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Interaction styles such as hover and mouse down states</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">&lsquo;Flavours&rsquo; of a widget such as primary and secondary button styles.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Toggleable elements within a widget such as buttons or bullets within a product card.</span></p></li></ul><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to turn a collection of components into a basic design system.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Prototyping fundamentals:</span></p></li><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to make journeys clickable.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">How to introduce animations.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Tips and tricks for effective user testing.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">The limitations of Figma prototyping</span></p></li></ul></ul><h2 dir="ltr" fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Is it for you?</span></h2><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">With no experience of Figma necessary, this course is suitable if:</span></p><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">If you&rsquo;re involved with creating or curating digital experiences.&nbsp;</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">if you want to turn your design ideas into something tangible.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">If you work with Figma designers and want to understand the &lsquo;art of the possible&rsquo;.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">If you want to collaborate with your team on Figma projects.</span></p></li></ul><h2 dir="ltr" fr-original-style="" style="box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Learning objectives</span></h2><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">After completing day 1 you will be able to:</span></p><br fr-original-style="" style="box-sizing: border-box;"><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Understand the Figma user interface.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Create mobile and desktop interface designs.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Effectively collaborate remotely.&nbsp;</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Share designs and gather feedback.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Use auto layout to promote consistent and usable designs.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Understand Figma&rsquo;s role in user experience design, and its limitations.</span></p></li></ul><br fr-original-style="" style="box-sizing: border-box;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">After day 2 you will be able to:</span></p><br fr-original-style="" style="box-sizing: border-box;"><ul fr-original-style="" style="box-sizing: border-box;"><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Understand how design systems are set up and used.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Create component variants for use in your own design system.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Use that design system to efficiently create a user journey.</span></p></li><li dir="ltr" style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;"><p dir="ltr" fr-original-style="" style="color: var(--text); font-size: var(--font-size); box-sizing: border-box;"><span style="color: rgb(0, 0, 0); box-sizing: border-box;" fr-original-style="color:#000000;">Create a prototype suitable for user testing.</span></p></li></ul>

539 Web Design courses delivered Online

Web Development (HTML, CSS, SaaS, NPM)

By LearnDrive UK

A to Z UX Design

By Course Cloud

Creating Dynamic Websites with Wix

By Compete High

Diploma in Front-End Web Development (HTML, CSS, & Bootstrap)

By Studyhub UK

UX Design Course Online

By Lead Academy