201 Web Designer courses

Front End Web Development Training for Everyone Course Overview This Front End Web Development Training for Everyone offers a comprehensive introduction to creating dynamic, visually appealing websites using the latest technologies. Learners will explore essential web development concepts, including HTML, CSS, JavaScript, and popular frameworks such as Bootstrap and jQuery. The course is designed to equip participants with the skills to build responsive, user-friendly web pages, from basic layouts to advanced interactive features. By the end, learners will have developed a professional portfolio showcasing their abilities, preparing them for roles in web development or enhancing their current careers. This training is suitable for all levels, providing a structured pathway from fundamental principles to advanced techniques, ensuring a solid foundation in front-end development. Course Description This detailed course covers the entire front-end development process, beginning with foundational web design principles and progressing to advanced programming features. Learners will gain expertise in styling with CSS, creating smooth transitions, and managing data types within JavaScript. The curriculum also introduces jQuery for efficient DOM manipulation and Bootstrap’s grid system for responsive design. Emphasis is placed on understanding code structure and functionality to create engaging websites. Throughout the course, participants will build a portfolio page that demonstrates their new skills in real-world scenarios. The learning experience blends conceptual knowledge with applied coding challenges, ensuring learners develop both the technical and creative aspects required for effective front-end development in today’s digital environment. Front End Web Development Training for Everyone Curriculum: Module 01: Complete Front-End Development Journey Module 02: Cascading Style Sheet Module 03: Transitions And Data Types Module 04: Advanced JavaScript And Its Features Module 05: JQuery And Selectors Module 06: Bootstrap And Grid System Module 07: Creating Portfolio Page (See full curriculum) Who is this course for? Individuals seeking to start a career in front-end web development. Professionals aiming to enhance their web design and coding skills. Beginners with an interest in website creation and digital design. Anyone wanting to build a solid foundation in modern web technologies. Career Path Front-End Developer Web Designer UI/UX Developer Junior Web Programmer Digital Content Creator

Learn to Code HTML, CSS, Javascript: Guide for Beginners Course Overview This course offers a comprehensive introduction to HTML, CSS, and JavaScript, designed for those looking to build a strong foundation in web development. Covering the essential web technologies, it equips learners with the skills to create fully functional websites and interactive web pages. From understanding basic structure and styling to mastering advanced JavaScript concepts, this course ensures that learners develop a solid understanding of how modern websites are built and maintained. By the end of the course, learners will be confident in their ability to build, style, and add functionality to websites, preparing them for a variety of web development roles. Course Description "Learn to Code HTML, CSS, and JavaScript: Guide for Beginners" takes learners through every stage of web development, starting with the core technologies: HTML, CSS, and JavaScript. It covers the fundamentals and gradually advances to more sophisticated techniques, helping learners build their skills step by step. The course explores HTML structure, CSS styling, and JavaScript logic, covering essential areas such as strings, operators, and control flow. In addition to these core concepts, learners will delve into client-side validations, error handling, and data visualisation. By the end of the course, students will be equipped to create professional websites and publish them for live use, with a full understanding of front-end development. Learn to Code HTML, CSS, Javascript: Guide for Beginners Curriculum Module 01: Getting Started Module 02: Setting up Development Environment Module 03: HTML Fundamentals Module 04: HTML Intermediate Module 05: HTML Advanced Module 06: HTML Expert Module 07: HTML Website Project Module 08: CSS Fundamentals Module 09: CSS Intermediate Module 10: CSS Advanced Module 11: CSS Expert Module 12: CSS Website Project Module 13: JavaScript Getting Started Module 14: JavaScript Fundamentals Module 15: Strings Module 16: Operators Module 17: Conditional Statements Module 18: Control Flow Statements Module 19: Functions Module 20: Data Visualisation (Google Charts) Module 21: Error Handling Module 22: Client-side Validations Module 23: Publish Your Website for Live (See full curriculum) Who is this course for? Individuals seeking to learn web development. Professionals aiming to enhance their web development skills. Beginners with an interest in building websites. Anyone looking to enter the tech industry or web development field. Career Path Front-End Developer Web Developer Web Designer UI/UX Developer JavaScript Developer Full-Stack Developer Website Project Manager Digital Marketer

Course Overview The Complete Front-End Web Development Course! offers a comprehensive journey through the essential skills and knowledge required to excel in the field of web development. Covering foundational and advanced topics in HTML, CSS, JavaScript, jQuery, and Bootstrap, this course is designed to equip learners with a strong understanding of front-end technologies. Through structured learning and carefully crafted projects, participants will build confidence in creating dynamic and visually appealing websites. By the end of the course, learners will possess the technical skills and creative insight needed to produce professional-grade web interfaces and interactive experiences. Whether aiming to launch a new career, enhance existing knowledge, or develop a portfolio of work, students will emerge with capabilities that are highly valued in the modern digital landscape. Course Description This course delves deeply into the fundamentals and advanced aspects of front-end web development, starting with the core principles of HTML and CSS before progressing into JavaScript, jQuery, and Bootstrap frameworks. Learners will explore how to structure web pages, style them effectively, and implement interactivity to enhance user experience. Throughout the modules, participants will engage with real-world concepts, build functional projects, and understand the relationships between various web technologies. The curriculum has been thoughtfully curated to ensure a progressive learning journey, empowering students with the ability to create responsive, accessible, and modern websites. From coding basic layouts to constructing browser extensions, each step is designed to broaden technical fluency and creative problem-solving skills. Upon completion, learners will have acquired a robust skill set applicable to numerous roles within the technology and design sectors. Course Modules Module 01: Welcome to the course! Module 02: Web Development Basics - HTML Module 03: Advanced HTML Concepts Module 04: Introduction to Cascading Style Sheets (CSS) Module 05: Advanced CSS Module 06: JavaScript for Beginners Module 07: More JavaScript Concepts Module 08: Getting Started with jQuery Module 09: More jQuery Module 10: Bootstrap Basics Module 11: Project #2 - Pipboy from Fallout 4 Module 12: Project #3 - Google Chrome Extension Module 13: Final Thoughts Module 14: BONUS - Coding Another Google Chrome Extension (See full curriculum) Who is this course for? Individuals seeking to build a strong foundation in web development. Professionals aiming to enhance their career prospects in the digital industry. Beginners with an interest in web design and front-end technologies. Career changers looking to enter the field of web development. Students wishing to expand their technical skill set for future opportunities. Career Path Front-End Web Developer Junior Web Developer UI/UX Developer HTML/CSS Developer JavaScript Developer Web Designer Technical Assistant within a digital agency Freelance Web Developer

Introduction to Coding With HTML, CSS, & Javascript Course Overview "Introduction to Coding With HTML, CSS, & JavaScript" is a comprehensive course designed to equip learners with the foundational knowledge of web development. The course covers the essential programming languages – HTML, CSS, and JavaScript – focusing on creating interactive and responsive websites. Learners will gain proficiency in designing websites from scratch, using HTML for structure, CSS for styling, and JavaScript for adding dynamic features. By the end of the course, learners will have a well-rounded understanding of how to create websites that are functional, visually appealing, and user-friendly, preparing them for real-world web development tasks. Course Description This course takes learners through a structured journey in web development, starting with the basics and gradually advancing to more complex topics. The modules cover HTML from beginner to expert levels, CSS fundamentals to advanced styling techniques, and an in-depth exploration of JavaScript. The course includes practical projects that reinforce key concepts, such as building a website using HTML and CSS and incorporating JavaScript to enhance interactivity. Learners will also explore essential programming topics like functions, conditional statements, data visualisation, and client-side validation. By completing this course, learners will develop a solid foundation in web development, enabling them to create fully functional websites. Introduction to Coding With HTML, CSS, & Javascript Curriculum Module 01: Getting Started Module 02: Setting up Development Environment Module 03: HTML Fundamentals Module 04: HTML Intermediate Module 05: HTML Advanced Module 06: HTML Expert Module 07: HTML Website Project Module 08: CSS Fundamentals Module 09: CSS Intermediate Module 10: CSS Advanced Module 11: CSS Expert Module 12: CSS Website Project Module 13: JavaScript Getting Started Module 14: JavaScript Fundamentals Module 15: Strings Module 16: Operators Module 17: Conditional Statements Module 18: Control Flow Statements Module 19: Functions Module 20: Data Visualisation (Google Charts) Module 21: Error Handling Module 22: Client-side Validations Module 23: Publish Your Website for Live (See full curriculum) Who is this course for? Individuals seeking to build a career in web development. Professionals aiming to expand their technical skills in web programming. Beginners with an interest in learning web development. Anyone looking to design and develop their own websites. Career Path Front-end Developer Web Developer UI/UX Designer Web Development Specialist Digital Marketing Specialist Freelance Web Developer Web Designer

Course Overview The Adobe Illustrator Masterclass offers a comprehensive journey through the essential tools and features of this powerful design software. Learners will gain proficiency in using Illustrator for various creative projects, from graphic design to digital artwork. This course equips students with a clear understanding of key tools such as the Pen Tool, Selection Tools, and the Blend Tool, enabling them to create professional-level designs. Through the modules, learners will develop the ability to work with typography, drawing tools, and advanced colour manipulation, empowering them to elevate their creative skills. By the end of the course, students will be confident in applying their knowledge to industry-standard design tasks, whether for personal projects or professional use. Course Description This course delves into the full scope of Adobe Illustrator’s capabilities, providing learners with in-depth knowledge of both fundamental and advanced tools. Starting with a solid foundation in selection and drawing tools, the course moves on to cover more sophisticated techniques, such as using the Pen Tool, Typography Tools, and Gradient Tool. Learners will also explore the Symbolism Tools and Graph Tools to further enhance their design capabilities. Emphasis is placed on both efficiency and creativity, allowing learners to unlock the potential of Illustrator for creating sophisticated vector graphics, illustrations, and layout designs. Each module is designed to build a strong understanding of Illustrator’s functions and how they can be applied to real-world projects. Upon completion, learners will possess the technical expertise and creative confidence to execute complex design projects with Illustrator. Course Modules Module 01: Introduction Module 02: How To Use The Selection Tools Module 03: How To Use the Pen Tool and the Gang in Illustrator? Module 04: How To Use the Typography Tools in Illustrator Module 05: How To Use The Drawing Tools in Illustrator Pt 1 Module 06: How To Use The Drawing Tools in Illustrator Pt 2 Module 07: How to Use the Paintbrush Tools Module 08: How to Use the Pencil Tools Module 09: The Eraser Tools Module 10: The Rotate and Reflect Tools Module 11: The Liquify Tools Module 12: The Shape Builder and Live Paint Tools Module 13: The Perspective Grid Tool Module 14: How to Use the Gradient Tool Module 15: How To Use the Blend Tool Module 16: How To Use the Technical Tools Module 17: How To Use the Symbols and the Symbolism Tools Module 18: How To Use the Graph Tools Module 19: How To Use Slicing and the Slice Tools Module 20: How To Use the Color Tools and Drawing Modes Module 21: Summary (See full curriculum) Who is this course for? Individuals seeking to enhance their graphic design skills. Professionals aiming to improve their digital design portfolio. Beginners with an interest in graphic design or illustration. Anyone interested in mastering Adobe Illustrator for creative projects. Career Path Graphic Designer Illustrator Digital Artist Visual Designer Print Designer Web Designer Packaging Designer

Register on the Web Design in Affinity Designer today and build the experience, skills and knowledge you need to enhance your professional development and work towards your dream job. Study this course through online learning and take the first steps towards a long-term career. The course consists of a number of easy to digest, in-depth modules, designed to provide you with a detailed, expert level of knowledge. Learn through a mixture of instructional video lessons and online study materials. Receive online tutor support as you study the course, to ensure you are supported every step of the way. Get an e-certificate as proof of your course completion. The Web Design in Affinity Designer is incredibly great value and allows you to study at your own pace. Access the course modules from any internet-enabled device, including computers, tablet, and smartphones. The course is designed to increase your employability and equip you with everything you need to be a success. Enrol on the now and start learning instantly! What You Get With The Web Design in Affinity Designer Receive a e-certificate upon successful completion of the course Get taught by experienced, professional instructors Study at a time and pace that suits your learning style Get instant feedback on assessments 24/7 help and advice via email or live chat Get full tutor support on weekdays (Monday to Friday) Course Design The course is delivered through our online learning platform, accessible through any internet-connected device. There are no formal deadlines or teaching schedules, meaning you are free to study the course at your own pace. You are taught through a combination of Video lessons Online study materials Certification Upon successful completion of the course, you will be able to obtain your course completion e-certificate free of cost. Print copy by post is also available at an additional cost of £9.99 and PDF Certificate at £4.99. Who Is This Course For: The course is ideal for those who already work in this sector or are an aspiring professional. This course is designed to enhance your expertise and boost your CV. Learn key skills and gain a professional qualification to prove your newly-acquired knowledge. Requirements: The online training is open to all students and has no formal entry requirements. To study the Web Design in Affinity Designer, all your need is a passion for learning, a good understanding of English, numeracy, and IT skills. You must also be over the age of 16.  Course Content Module 01: Introduction Introduction to the course 00:02:00 Module 02: The Fundamentals What is Affinity Designer and how to set it up for web design? 00:03:00 Affinity Designer's web design abilities 00:09:00 Module 03: Top 10 principles of good web design First 5 principles of good web design 00:04:00 The remaining 5 principles of good web design 00:05:00 Module 04: How to choose the right colours to design stunning websites The most important factor to consider before choosing colours 00:04:00 Mix colours for the best possible User Experience 00:05:00 Choose the 'psychologically right' colours 00:05:00 Easy tools for choosing errorproof colour schemes 00:07:00 Module 05: Typography in web design A super short history of web typography 00:03:00 Choose the right fonts for body text 00:05:00 Choose the right fonts for headings 00:04:00 Mix fonts for headings and body text 00:04:00 The perfect font for User Interface design 00:03:00 Module 06: How is a typical website built? Header, branding, navigation and Hero sections. 00:04:00 The centre and bottom sections of your website design 00:04:00 What are grids and how to use them 00:03:00 Design your very own grid 00:04:00 Module 07: Web design trends 1-7 web design trends that rule the web design world 00:09:00 Where to find the RIGHT inspiration for your next design 00:02:00 Module 08: The Preparation Stage Every website design needs scaffolding 00:03:00 Building your wireframe in Designer 00:05:00 Continue building the library 00:10:00 Use the assets to create a wireframe 00:11:00 Wireframing online 00:04:00 Talk about images and icons 00:06:00 Create font styles in Affinity Designer 00:04:00 Module 09: The Design Process The Design Part Overview 00:06:00 Create the Colour Swatches 00:04:00 Create the Text Styles 00:08:00 Take a Look at the Icons and Images 00:03:00 Module 10: Creating the Header Start with Creating the Logo 00:03:00 Build the Menu Links 00:04:00 Add the Social Media Icons 00:07:00 Module 11: Creating the Hero Start by Adding the Main Image 00:07:00 Quickly Resize the Image 00:03:00 Make the Image a Bit Darker 00:03:00 Add the Main Text 00:05:00 Add the Slider Navigation 00:04:00 Module 12: Let's Create the Smartphone Icon Start Creating the First Featured Section 00:04:00 Add the Featured Items 00:10:00 Add the Second Featured Item Section 00:06:00 Module 13: Creating the From Our Blog Section Start Creating the Blog Section 00:08:00 Replace the Images 00:03:00 Module 14: Creating the Gallery and the Footer Start Building the Image Gallery 00:07:00 Create the First Column of the Footer 00:04:00 Finish the Design and the Whole Footer 00:04:00 Module 15: How to Design a Modern Blog Affinity Designer Discover the Wireframe for the Design 00:06:00 Discover the Blog Design 00:06:00 Take a Look at Our Assets 00:06:00 Module 16: Create the Blog Header Create the Logo and Nav 00:08:00 Add the Social Media Icons 00:07:00 Module 17: Create the Blog Header Add the First Images 00:07:00 Add the Shading to the Images 00:08:00 Add the Navigation Buttons 00:05:00 Module 18: Let's Create a Container the Blog Post Create a Container the Blog Post 00:05:00 Add the First Pieces of Text 00:04:00 Add the Remaining Pieces of Text 00:06:00 Module 19: Creating the Blog Post Grid Start Creating the Blog Post Grid 00:06:00 Create the First Blog Post Card 00:05:00 Add the Remaining Cards 00:07:00 Add the Older Post Link 00:04:00 Module 20: Create the Sidebar Explore the Sidebar Project 00:03:00 Create the Search Box 00:04:00 Create the About Me Section 00:07:00 Create the Text Section of the Sidebar 00:05:00 Create the First Container for the Most Popular Posts 00:04:00 Create the List of the Most Popular Blog Posts 00:07:00 Create the Ads Section 00:03:00 Module 21: Create the Blog Footer Start Creating the Footer 00:04:00 Explore Different Footer Concepts 00:03:00 Finish Creating the Footer 00:07:00 Module 22: Create the Single Post Design Explore the Single Post Design 00:03:00 Create the Featured Image and the Post Container 00:06:00 Module 23: Create the Blog Post Area Add the Blog Post Title 00:06:00 Add the Paragraphs and Images 00:10:00 Add the Social Media Icons 00:06:00 Add the pre-Next Post Navigation 00:08:00 Add the Related Posts Section 00:07:00 Module 24: Create the Comments Section Start Creating the Comments Section 00:05:00 Create the Texts for the Comments 00:06:00 Create the Post Comment Form 00:09:00 Module 25: Finalizing the design Delivering the design to the client 00:04:00 Delivering the file to the developer 00:03:00 Use the Export Persona to Export the Assets in Bulk 00:02:00 Thanks for Watching the Course 00:01:00 Frequently Asked Questions Are there any prerequisites for taking the course? There are no specific prerequisites for this course, nor are there any formal entry requirements. All you need is an internet connection, a good understanding of English and a passion for learning for this course. Can I access the course at any time, or is there a set schedule? You have the flexibility to access the course at any time that suits your schedule. Our courses are self-paced, allowing you to study at your own pace and convenience. How long will I have access to the course? For this course, you will have access to the course materials for 1 year only. This means you can review the content as often as you like within the year, even after you've completed the course. However, if you buy Lifetime Access for the course, you will be able to access the course for a lifetime. Is there a certificate of completion provided after completing the course? Yes, upon successfully completing the course, you will receive a certificate of completion. This certificate can be a valuable addition to your professional portfolio and can be shared on your various social networks. Can I switch courses or get a refund if I'm not satisfied with the course? We want you to have a positive learning experience. If you're not satisfied with the course, you can request a course transfer or refund within 14 days of the initial purchase. How do I track my progress in the course? Our platform provides tracking tools and progress indicators for each course. You can monitor your progress, completed lessons, and assessments through your learner dashboard for the course. What if I have technical issues or difficulties with the course? If you encounter technical issues or content-related difficulties with the course, our support team is available to assist you. You can reach out to them for prompt resolution.

Description: This course is perfect for someone who has the desire to design his own website. This will be a straightforward course which will upgrade your comprehension of web advancement apparatuses and systems. Points secured incorporate the fundamental instruments for web page advancement including HTML, Cascading Style Sheets (CSS), and Adobe Dreamweaver. It likewise will look at the useful strides expected to buy a website like enrolling a space name and picking a hosting account. To develop web planning skills you will have to know how to make an HTML page and include substance and pictures, connections, tables, and lists. You will get comfortable with utilizing textual style, foundation styles, and templates. This course will help you utilize Adobe Dreamweaver to make a website with HTML, CSS, JavaScript, and Flash. It will help you to comprehend naming traditions, list documents, welcome screen, graphical UI (GUI) and numerous more settings that are valuable while making a website effectively. The above and more lessons of the key elements of the web design and planning will be taught in this valuable diploma course. Who is the course for? Employees of the business industry and other businessmen who want to learn how to become profitable through website designing People who have an interest in Website Design and Marketing and how to effectively communicate with their potential clients through the web. Entry Requirement: This course is available to all learners, of all academic backgrounds. Learners should be aged 16 or over to undertake the qualification. Good understanding of English language, numeracy and ICT are required to attend this course. Assessment:  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. Before sitting for your final exam you will have the opportunity to test your proficiency with a mock exam. Certification: 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. PDF certificate's turnaround time is 24 hours and for the hardcopy certificate, it is 3-9 working days. Why choose us? Affordable, engaging & high-quality e-learning study materials; Tutorial videos/materials from the industry leading experts; Study in a user-friendly, advanced online learning platform; Efficient exam systems for the assessment and instant result; The UK & internationally recognized accredited qualification; Access to course content on mobile, tablet or desktop from anywhere anytime; The benefit of career advancement opportunities; 24/7 student support via email. Career Path: The Diploma in Website Design & Planning course will be very beneficial and helpful, especially to the following careers: Businessman Marketing and Promotions Specialists Marketing Managers Product Creators Sales Managers Sales and Promotions Specialists Top Executives And Much More! Diploma in Website Design & Planning How to Choose the Best Website Design for Your Business 01:00:00 What's in a Domain Suffix? 00:15:00 Website Design Terminology 01:00:00 CSS Explained 00:30:00 Website Designs with Staying Power 00:15:00 How Can I Build my Website for Free 00:30:00 Six Steps to Website Design for Beginners 01:00:00 Dreamweaver or CoffeeCup for Website Design 01:00:00 Using Dreamweaver to Create your Site Layout 00:30:00 Three Crucial Steps to Creating Your Website 00:15:00 Dos and Don'ts of Website Creation 00:30:00 SEO Basics for Effective Website Design 00:15:00 Ideas for Your Internet Business Website Design 01:00:00 Immediately Applicable Design Tips for a User-Friendly Website 00:30:00 6 Reasons to Create a Website 00:15:00 Common Website Design Mistakes 00:30:00 Too Much or Too Little 00:15:00 Why Successful Website Development Does Not Stop at Design 00:15:00 Ideas for Your Personal Website Design 01:00:00 How to Create a Social Networking Website to Enhance your Business 01:00:00 Tips for Designing an Affiliate Website 00:15:00 How to Use WordPress for your Website 00:15:00 Top 14 Reasons to Create a Blog 00:30:00 Tips for Designing a Successful Blog 01:00:00 More Tips for Designing a Successful Blog 00:30:00 Mock Exam Mock Exam-Diploma in Website Design & Planning 00:20:00 Final Exam Final Exam-Diploma in Website Design & Planning 00:20:00 Certificate and Transcript Order Your Certificates and Transcripts 00:00:00

Learn the advanced techniques of HTML 5, CSS 3, and Bootstrap for designing excellent and professional web pages with the Web Design with HTML5, CSS3 and Bootstrap course. HTML 5, and CSS 3 are the basic building blocks of the websites. And with the help of Bootstrap, you will be able to design and develop responsive and mobile-ready websites. The course is designed for the people who want to know the strategies of building a stunning website. Throughout the course, you will learn to build custom websites using HTML 5, and CSS 3. Then, you will learn to make the websites responsive using Bootstrap. The course includes three real-world projects and guides you to design a landing page, a business website and portfolio sites, After finishing the course, you will be able to design any types of responsive websites using HTML 5, CSS 3, and Bootstrap. What Will I Learn? You will learn how to build a custom website with HTML, CSS, and Bootstrap You will learn real-world skills to build professional and modern websites You will learn the basic building blocks to becoming a web developer You will learn to build websites while you learn each building block - HTML, CSS, Bootstrap You will get bonus downloadable cheat sheets and guides to help you quickly design your websites You will learn how to use each skill in the real world with case studies You will learn basic web design tips so your websites look and act professionally Requirements No coding experience necessary Seriously, you don't need to know anything about websites or coding! Any computer will be fine - Windows, OSX or Linux We'll show you free tools that you can use to follow along and build your own websites in the course Module: 01 1.1 Intro FREE 00:03:00 1.2 Install the Tools and Get Started 00:05:00 Module: 02 2.1 Intro to HTML FREE 00:01:00 2.2 What is HTML 00:11:00 2.3 Start a New HTML File & Use Tags 00:12:00 2.4 Header Tags 00:05:00 2.5 Edit Text 00:09:00 2.6 Links 00:09:00 2.7 Images 00:10:00 2.8 Lists 00:04:00 2.9 Challenge 1 00:16:00 2.10 HTML Outro 00:01:00 Module: 03 3.1 CSS Intro 00:04:00 3.2 Add CSS Styles 00:16:00 3.3 Classes and IDs 00:07:00 3.4 Borders 00:06:00 3.5 Sizing 00:04:00 3.6 Padding and Margin 00:07:00 3.7 Text Styles 00:04:00 3.8 DIVs 00:08:00 3.9 Postioning 00:08:00 3.10 Hover 00:03:00 3.11 Easily Center Elements 00:03:00 3.12 Fonts 00:06:00 3.13 Challenge 00:23:00 3.14 CSS Outro 00:01:00 Module: 04 4.1 Intro to Bootstrap 00:02:00 4.2 Install Bootstrap 00:10:00 4.3 Indenting and Containers 00:07:00 4.4 The Grid System 00:16:00 4.5 Images 00:07:00 4.6 Buttons 00:06:00 4.7 Challenge 3 00:11:00 4.8 Bootstrap Outro 00:01:00 Module: 05 5.1 Landing Page Intro 00:01:00 5.2 Sketch Your Landing Page 00:05:00 5.3 The Top Section 00:16:00 5.4 Polish the Top Section 00:06:00 5.5 Adding Images 00:11:00 5.6 The Main Points Section 00:14:00 5.7 Collecting Emails With an Opt-In Form 00:11:00 5.8 Challenge 4 00:03:00 5.9 Landing Page Outro 00:02:00 Module: 05 6.1 Business Site Intro 00:01:00 6.2 Sketch Up 00:03:00 6.3 Using Fancy Font Logo 00:07:00 6.4 Carousel Basics 00:10:00 6.5 Carousel Extras 00:09:00 6.6 Text on Images 00:15:00 6.7 Phone Number Icon 00:04:00 6.8 Google Maps 00:13:00 6.9 Font Awesome 00:09:00 6.10 Challenge 4 00:08:00 6.11 Business Site Outro 00:01:00 Module: 07 7.1 Intro 00:01:00 7.2 Portfolio Sketch 00:08:00 7.3 Jumbotron 00:10:00 7.4 Nav Bar 00:24:00 7.5 Panels 00:11:00 7.6 Challenge 5 00:13:00 7.7 Portfolio Outre 00:01:00 Module: 08 8.1 Hosting 00:01:00 8.2 Bluehost 00:06:00 8.3 Uploading 00:05:00 8.4 Tips 00:11:00 8.5 Hosting Outro 00:01:00

Go hands-on and create a fully functional, low-maintenance, modern responsive website using HTML5, CSS3, and JavaScript. No WordPress, no Bootstrap, no jQuery no libraries of any kind. Learn to share header, nav, and footer HTML code across web pages using PHP, which most web hosting providers include for free. You'll learn to choose fonts, a color scheme, create a header, nav bar, and footer, make the site responsive so it looks and works as well on phones and mobile devices as it does on larger screens. Use free FontAwesome fonts to add social media icons and stylized lists to your site. Create your own media cards, and learn some tricks for modernizing your HTML form controls. What Will I Learn? Create a modern responsive website using just HTML5, CSS3, and JavaScript - and perhaps a few lines of PHP code if you're like to share header, nav, and footer content across pages. Requirements Some hands-on experience with basic HTML and CSS and a code editor. Basic file and folder skills for Mac or Windows. Who is the target audience? People learning web development who want to focus on the core front-end languages HTML5, CSS3, and JavaScript WITHOUT Bootstrap, jQuery, or other libraries. Beginning developers looking to create great, low-maintenance websites for themselves or others. Developers who are looking for easy ways to share content, like header, nav, and footer HTML code, across pages. Get Started What This is About 00:05:00 Start Building 00:18:00 Choose Your Fonts 00:05:00 Choose Your Color Scheme 00:05:00 Create the Nav Bar 00:11:00 Add a Page Footer 00:08:00 Beyond the Basic Structure Style the Body Content 00:05:00 Make it Responsive 00:10:00 Activate the Hamburger Menu 00:17:00 Make it Professional with Animations 00:04:00 Share Content Across Pages Why Share Content Across Pages? 00:08:00 Install AMPPS - Windows 00:11:00 Install AMPPS - Mac 00:13:00 Break Out the Shared Content 00:10:00 Professional-Grade Touches External JavaScript and Meta Tags 00:07:00 Adding More Pages to the Site 00:06:00 Highlight the Current Page in the Nav Bar 00:14:00 More Body Text Styling 00:10:00 Creating the Media Cards 00:13:00 Styling Lists 00:09:00 Styling Form Controls 00:15:00

Learn Web Development from Scratch Course Overview This comprehensive course offers a step-by-step journey through web development, starting from the very basics to advanced concepts. Learners will explore core technologies including HTML, CSS, JavaScript, and Python, gaining the skills necessary to build responsive, interactive websites and dynamic web applications. The course emphasises real-world applications, enabling learners to develop their own web projects and publish them online. By the end of the course, participants will confidently navigate the web development process, from setting up their environment to mastering coding principles and deploying live websites. This course is designed to equip individuals with both foundational knowledge and practical abilities that align with current industry standards, preparing them for career advancement or entry into the tech sector. Course Description This detailed web development course covers a broad spectrum of topics essential for anyone looking to build a solid foundation in creating websites and applications. Starting with environment setup, learners will delve deeply into HTML, progressing through beginner to expert levels, before moving on to CSS for styling and layout control. JavaScript modules provide an introduction to programming logic, data handling, and user interaction techniques, including error handling and client-side validations. The course also introduces Python fundamentals, focusing on its applications in web development and data science. Throughout the modules, learners will engage with structured coding tasks and projects designed to reinforce understanding and boost confidence. The final stages focus on publishing and managing live websites, ensuring learners complete the course ready to contribute effectively in web development roles. Learn Web Development from Scratch Curriculum Module 01: Getting Started Module 02: Setting up Development Environment Module 03: HTML Fundamentals Module 04: HTML Intermediate Module 05: HTML Advanced Module 06: HTML Expert Module 07: HTML Website Project Module 08: CSS Fundamentals Module 09: CSS Intermediate Module 10: CSS Advanced Module 11: CSS Expert Module 12: CSS Website Project Module 13: JavaScript Getting Started Module 14: JavaScript Fundamentals Module 15: JavaScript Strings Module 16: JavaScript Operators Module 17: JavaScript Conditional Statements Module 18: JavaScript Control Flow Statements Module 19: JavaScript Functions Module 20: Data Visualisation (Google Charts) Module 21: JavaScript Error Handling Module 22: JavaScript Client-Side Validations Module 23: Python Introduction Module 24: Python Basic Module 25: Python Strings Module 26: Python Operators Module 27: Python Data Structures Module 28: Python Conditional Statements Module 29: Python Control Flow Statements Module 30: Python Core Games Module 31: Python Functions Module 32: Python Args, KW Args for Data Science Module 33: Python Project Module 34: Publish Your Website for Live (See full curriculum) Who is this course for? Individuals seeking to start a career in web development. Professionals aiming to expand their technical skillset for career growth. Beginners with an interest in coding and digital technologies. Those wanting to build and manage their own websites or web applications. Career Path Junior Web Developer Front-End Developer Web Designer Full-Stack Developer Trainee Software Developer Assistant Digital Content Manager Data Visualisation Specialist