226 HTML & CSS courses

Embark on an immersive Web Development journey with our comprehensive Level 5 course, focusing on HTML, CSS, and JavaScript. From setting up your environment to mastering advanced techniques and launching a live website, this course equips you with the skills to become a proficient web developer.

In this course, we'll build a one-page app using HTML, CSS, and JavaScript called the Game of Life. This course is a great way to practice programming in JavaScript by creating an interactive and dynamic application right in your browser. For this course, you need basic knowledge of HTML, CSS, and JavaScript programming skills.

Discover the art of modern web design with our comprehensive course on HTML5, CSS3, and Bootstrap. Learn the latest techniques to create visually stunning and responsive websites. Master the essential tools and frameworks used by industry professionals to bring your web design skills to the next level. Enroll now for a hands-on learning experience that blends theory with practical application in the dynamic world of web development.

Duration 5 Days 30 CPD hours This course is intended for This course is intended for students new to computer programming or experienced programmers who are new to client-side web development. Overview After completing this course, you will be able to: Describe the technologies involved in web development. Create HTML pages with links and images. Explain the benefits of CSS. Style HTML pages with CSS. Explain the concepts of objects, methods, and properties. Work with JavaScript variables. Create their own custom functions in JavaScript. Write flow control logic in JavaScript. Write JavaScript code that listens for and handles events, such as mouse clicks and page loads. Create forms with HTML and validate them with JavaScript. Use regular expressions in JavaScript for advanced form validation. This course is intended for IT professionals interested in becoming client-side web developers. who need to get a jump start on all three technologies. The course includes more than 30 exercises, providing a rapid hands-on introduction to the three major client-side languages: HTML, CSS, and JavaScript. Students should be prepared to cover a lot of ground quickly.This material updates and replaces course Microsoft course 20480 which was previously published under the title Programming in HTML5 with JavaScript and CSS3. MODULE 1: A QUICK OVERVIEW OF WEB DEVELOPMENT * HTML is Part of a Team * Client-side Programming * Server-side Programming * Web Development Technologies MODULE 2: INTRODUCTION TO HTML * Exercise: A Simple HTML Document * Getting Started with a Simple HTML Document * HTML Elements, Attributes, and Comments * The HTML Skeleton * Viewing the Page Source * Special Characters * HTML Elements and Special Characters * History of HTML * The lang Attribute MODULE 3: PARAGRAPHS, HEADINGS, AND TEXT * Paragraphs * Heading Levels * Breaks and Horizontal Rules * Exercise: Paragraphs, Headings, and Text * The div Tag * Creating an HTML Page * Quoted Text * Preformatted Text * Inline Semantic Elements * Exercise: Adding Inline Elements MODULE 4: HTML LINKS * Links Introduction * Text Links * Absolute vs. Relative Paths * Targeting New Tabs * Email Links * Exercise: Adding Links * Lorem Ipsum * The title Attribute * Linking to a Specific Location on the Page * Targeting a Specific Location on the Page MODULE 5: HTML IMAGES * Inserting Images * Image Links * Adding Images to the Document * Exercise: Adding Images to the Page * Providing Alternative Images MODULE 6: HTML LISTS * Unordered Lists * Ordered Lists * Definition Lists * Exercise: Creating Lists MODULE 7: CRASH COURSE IN CSS * Benefits of Cascading Style Sheets * CSS Rules * Selectors * Combinators * Precedence of Selectors * How Browsers Style Pages * CSS Resets * CSS Normalizers * External Stylesheets, Embedded Stylesheets, and Inline Styles * Exercise: Creating an External Stylesheet * Exercise: Creating an Embedded Stylesheet * Exercise: Adding Inline Styles * div and span * Exercise: Styling div and span * Media Types * Units of Measurement * Inheritance MODULE 8: CSS FONTS * font-family * @font-face * font-size * font-style * font-variant * font-weight * line-height * font shorthand * Exercise: Styling Fonts MODULE 9: COLOR AND OPACITY * About Color and Opacity * Color and Opacity Values * Color * Opacity * Exercise: Adding Color and Opacity to Text MODULE 10: CSS TEXT * letter-spacing * text-align * text-decoration * text-indent * text-shadow * text-transform * white-space * word-break * word-spacing * Exercise: Text Properties MODULE 11: JAVASCRIPT BASICS * JavaScript vs. EcmaScript * The HTML DOM * JavaScript Syntax * Accessing Elements * Where Is JavaScript Code Written? * JavaScript Objects, Methods, and Properties * Exercise: Alerts, Writing, and Changing Background Color MODULE 12: VARIABLES, ARRAYS, AND OPERATORS * JavaScript Variables * A Loosely Typed Language * Google Chrome DevTools * Storing User-Entered Data * Exercise: Using Variables * Constants * Arrays * Exercise: Working with Arrays * Associative Arrays * Playing with Array Methods * JavaScript Operators * The Modulus Operator * Playing with Operators * The Default Operator * Exercise: Working with Operators MODULE 13: JAVASCRIPT FUNCTIONS * Global Objects and Functions * Exercise: Working with Global Functions * User-defined Functions * Exercise: Writing a JavaScript Function * Returning Values from Functions MODULE 14: BUILT-IN JAVASCRIPT OBJECTS * Strings * Math * Date * Helper Functions * Exercise: Returning the Day of the Week as a String MODULE 15: CONDITIONALS AND LOOPS * Conditionals * Short-circuiting * Switch / Case * Ternary Operator * Truthy and Falsy * Exercise: Conditional Processing * Loops * while and do?while Loops * for Loops * break and continue * Exercise: Working with Loops * Array: forEach() MODULE 16: EVENT HANDLERS AND LISTENERS * On-event Handlers * Exercise: Using On-event Handlers * The addEventListener() Method * Anonymous Functions * Capturing Key Events * Exercise: Adding Event Listeners * Benefits of Event Listeners * Timers * Typing Test MODULE 17: THE HTML DOCUMENT OBJECT MODEL * CSS Selectors * The innerHTML Property * Nodes, NodeLists, and HTMLCollections * Accessing Element Nodes * Exercise: Accessing Elements * Dot Notation and Square Bracket Notation * Accessing Elements Hierarchically * Exercise: Working with Hierarchical Elements * Accessing Attributes * Creating New Nodes * Focusing on a Field * Shopping List Application * Exercise: Logging * Exercise: Adding EventListeners * Exercise: Adding Items to the List * Exercise: Dynamically Adding Remove Buttons to the List Items * Exercise: Removing List Items * Exercise: Preventing Duplicates and Zero-length Product Names * Manipulating Tables MODULE 18: HTML FORMS * How HTML Forms Work * The form Element * Form Elements * Buttons * Exercise: Creating a Registration Form * Checkboxes * Radio Buttons * Exercise: Adding Checkboxes and Radio Buttons * Fieldsets * Select Menus * Textareas * Exercise: Adding a Select Menu and a Textarea * HTML Forms and CSS MODULE 19: JAVASCRIPT FORM VALIDATION * Server-side Form Validation * HTML Form Validation * Accessing Form Data * Form Validation with JavaScript * Exercise: Checking the Validity of the Email and URL Fields * Checking Validity on Input and Submit Events * Adding Error Messages * Validating Textareas * Validating Checkboxes * Validating Radio Buttons * Validating Select Menus * Exercise: Validating the Ice Cream Order Form * Giving the User a Chance MODULE 20: REGULAR EXPRESSIONS * Getting Started * Regular Expression Syntax * Backreferences * Form Validation with Regular Expressions * Cleaning Up Form Entries * Exercise: Cleaning Up Form Entries * A Slightly More Complex Example

In this course, we'll learn how to visualize trends in temperature data with HTML, CSS, JavaScript, and jQuery. We recommend that you have some background in HTML, CSS, and JavaScript. You don't need to be an expert by any means, but you should have experience building web pages with HTML and CSS, and you should have basic programming skills with JavaScript.

DESCRIPTION: In the 21st century, web design is one of the most influential aspects of your online presence. HTML 5, and CSS 3 are the primary foundations of the websites. And with the help of Bootstrap, you will be able to design and develop responsive websites. Master the advanced techniques of HTML 5, CSS 3, and Bootstrap for designing attractive and professional web pages by enrolling in the Diploma in Web Design (HTML5 CSS3 and Bootstrap) course. With our comprehensive course, get started on the journey to web designing. Explore the strategies of developing fascinating websites using HTML 5, and CSS 3 and make your websites responsive using Bootstrap. Additionally, you will look at some general rules to keep in mind while designing web pages. Upon completion, you will be able to design any types of websites using HTML 5, CSS 3, and Bootstrap. WHO IS THE COURSE FOR? * Absolute beginners who want to learn the first building blocks (HTML & CSS) for creating websites * Anyone with a website that wants to be able to customize it with HTML and CSS to make it look like you imagine * Anyone looking for a quick refresher of how HTML, CSS, and Bootstrap works 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. CERTIFICATION: After completing the course successfully, you will be able to obtain an Accredited Certificate of Achievement. Certificates can be obtained either in hard copy at a cost of £39 or in PDF format at a cost of £24. 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; * The UK & internationally recognised 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: After completing this course you will be able to build up accurate knowledge and skills with proper confidence to enrich yourself and brighten up your career in the relevant job market. Welcome 1.1 Intro FREE 00:03:00 1.2 Install the Tools and Get Started 00:05:00 HTML 5 2.1 Intro to HTML 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 CSS 3 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 Bootstrap 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 Project 1 - Design a Landing Page 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 Project 2 - Business Website 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 Project 3 - Portfolio 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 Hosting - Getting Your Website on the Internet 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 Certificate and Transcript Order Your Certificates and Transcripts 00:00:00

Master frontend web development using HTML, CSS, CSS Flexbox, CSS Grid, and JavaScript

In this course, we'll build a generative music box app in the browser with JavaScript. For this course, you need basic knowledge of HTML, CSS, and JavaScript programming skills. This course is a great way to practice programming in JavaScript by creating an interactive and dynamic application right in your browser.

For pupils aged 14+ | Delivered in UK Schools by Real World App and Games Developers Our new Getting Started with Website Design and Development Workshop is a great way to introduce your pupils to coding. We’ll focus on HTML, CSS and JavaScript throughout a full-day workshop. At the end of the day, they will have a working website, along with notes and support so they are equipped to design an online portfolio for their work, or other project.

Have you ever wondered why HTML is often considered the cornerstone of web development in the UK? As we journey deeper into the digital age, coding skills have evolved from a niche expertise to an essential ability for many professionals. Our meticulously curated Coding (Computer Programming) course bundle presents eight essential courses, leading you from the elementary tenets of coding to more advanced facets of IT and networking. Begin your journey with 'Introduction to Coding With HTML, CSS, & Javascript', delve deeper with 'Python Programming', harness the power of 'R Programming for Data Science', and so much more. As our global landscape grows more interconnected and digital, mastering coding and IT skills is a wise investment for your professional future. The 20 courses are: 1. Introduction to Coding With HTML, CSS, & Javascript 2. C++ Development: The Complete Coding Guide 3. Python Programming: Beginner To Expert 4. Learn Ethical Hacking From A-Z: Beginner To Expert 5. Bash Scripting, Linux and Shell Programming 6. JavaScript Project - Game Development with JS 7. R Programming for Data Science 8. Secure Programming of Web Applications 9. Advanced Diploma in PHP Web Development with MySQL, GitHub & Heroku 10. The Complete Front-End Web Development Course! 11. The Complete MySQL Server from Scratch: Bootcamp 12. Cyber Security Awareness Training 13. Cloud Computing / CompTIA Cloud+ (CV0-002) 14. CompTIA A+ (220-1001) 15. Building Your Own Computer 16. Computer Networks Security from Scratch to Advanced 17. IT Administration and Networking 18. Encryption 19. Advance Windows 10 Troubleshooting for IT HelpDesk 20. Microsoft Excel Complete Course 2019 Learning Outcomes * Establish a foundational grasp of coding languages such as HTML, CSS, and Javascript. * Achieve skills in Python and R programming suited for varied applications. * Grasp core principles of cyber security and the realm of ethical hacking. * Develop an adept understanding of IT administration, networking, and intricate computer systems. * Delve into the nuances of cloud computing while gaining insights into web application security. * Elevate your proficiency in bash scripting, navigating Linux, and mastering shell programming. * Embark on your coding voyage with 'Introduction to Coding With HTML, CSS, & Javascript'. * Penetrate the world of object-oriented paradigms with 'C++ Development: The Complete Coding Guide'. * Journey through dynamic scripting landscapes in 'Python Programming: Beginner To Expert'. * Defend the digital domain through 'Learn Ethical Hacking From A-Z: Beginner To Expert'. * Wield the terminal's power with 'Bash Scripting, Linux and Shell Programming'. * Sculpt compelling digital arenas in 'JavaScript Project - Game Development with JS'. * Unravel data's mysteries with 'R Programming for Data Science'. * Fortify your web fortresses with 'Secure Programming of Web Applications'. CPD 200 CPD hours / points Accredited by CPD Quality Standards WHO IS THIS COURSE FOR? * Coding novices embarking on their digital odyssey. * Established professionals aspiring to diversify their coding toolkit. * Visionary entrepreneurs desiring coding insights for their ventures. * Academics striving for a blend of theoretical and applicable tech wisdom. * Coding enthusiasts ready to plunge into the expansive universe of tech and IT. CAREER PATH * Web Developer - £20K to £50K/year. * Python Programmer - £30K to £60K/year. * Data Scientist (R Programming) - £40K to £80K/year. * Ethical Hacker - £35K to £70K/year. * IT Administrator - £25K to £55K/year. * Cloud Solutions Architect - £45K to £90K/year. * Cybersecurity Analyst - £35K to £65K/year. CERTIFICATES CPD CERTIFICATE OF COMPLETION Digital certificate - Included 20 Digital Certificates Are Included With This Bundle CPD QUALITY STANDARD HARDCOPY CERTIFICATE (FREE UK DELIVERY) Hard copy certificate - £9.99 Hardcopy Transcript - £9.99