11 HTML & CSS courses delivered Live Online

Duration 4 Days 24 CPD hours This course is intended for While no prior programming or web development experience is required, target students should have good foundational computer skills. Overview Set up the tools and resources you need to perform Web Development. Create web pages in HTML, constructing valid, well-formed elements, including navigation links, sections, titles, and semantic markup. Enhance HTML content with tables, images, movies, and audio. Apply styles to HTML elements using CSS. Use CSS to format the edges, size, position, and layering of HTML elements. Apply complex style rules using advanced CSS selectors, including pseudo-class selectors, structural selectors, and pseudo-element selectors. Create complex layouts using CSS newspaper style columns, grid layouts, and flexible box layouts. Improve the quality of web content, including adaptability (different displays and devices), searchability, usability, and accessibility. Submit data through URL query strings and web forms for processing by a web application server. Write JavaScript code to make web pages more interactive, perform data processing tasks directly in the browser, and manipulate items in the current web page. Write JavaScript code to iterate through collections of elements in a page to get and set their attributes and add event listener code. Use third-party libraries and frameworks for web front-end development. Modern organizations depend heavily on the web to perform core business operations such as marketing, advertising, and selling products, providing services, and communicating with customers, partner organizations, and employees. Whatever you're creating on the web, HTML, CSS, and JavaScript? likely play an important role. These three languages provide the core toolkit for anyone looking to perform web development work. This course covers the fundamentals of web development using these three languages. Prerequisites This course assumes that students have strong experience working with computers. Previous experience programming in other languages is helpful, but not required for students to benefit from this course. LESSON 1: SETTING UP YOUR WEB DEVELOPMENT ENVIRONMENT * Topic A: Prepare Your Web Platform * Topic B: Prepare Your Web Development Tools and Processes * Topic C: Monitor the Web Request-Response Cycle LESSON 2: CREATING WEB CONTENT IN HTML * Topic A: Create a Basic Web Page * Topic B: Provide Navigation Links Between Web Pages * Topic C: Improve Web Page Structure and Navigation LESSON 3: ADDING TABLES AND MULTIMEDIA CONTENT TO A WEB PAGE * Topic A: Create a Table * Topic B: Embed Images, Movies, and Audio in a Web Page LESSON 4: APPLYING STYLES TO WEB CONTENT * Topic A: Apply Styles to HTML * Topic B: Create a Style Sheet * Topic C: Use Web Fonts LESSON 5: CONTROLLING EDGES, SIZE, AND POSITION * Topic A: Format Element Edges and Corners * Topic B: Control an Element's Height and Width * Topic C: Control an Element's Position and Layering * Topic D: Normalize and Reset Browser CSS Defaults LESSON 6: APPLYING COMPLEX STYLE RULES * Topic A: Use Advanced Selectors * Topic B: Manage User Interface States * Topic C: Make Structure Apparent to Users * Topic D: Use CSS Pseudo-Element Selectors LESSON 7: CREATING COMPLEX LAYOUTS * Topic A: Use CSS to Create Newspaper Style Columns * Topic B: Use CSS to Create Grid Layouts * Topic C: Use CSS to Create Flexible Box Layouts LESSON 8: IMPROVING WEB CONTENT * Topic A: Adjust the Layout for a Wide Variety of Devices * Topic B: Perform Basic Search Engine Optimization * Topic C: Test Your Website LESSON 9: SUBMITTING DATA TO A WEB SERVER FOR PROCESSING * Topic A: Submit Data Through a URL * Topic B: Submit Data Through a Web Form LESSON 10: WRITING JAVASCRIPT CODE * Topic A: Add JavaScript to a Web Page * Topic B: Perform Operations on Data * Topic C: Program Repetitive Tasks * Topic D: Manipulate DOM Objects LESSON 11: ENUMERATING AND PROCESSING COLLECTIONS OF ELEMENTS * Topic A: Enumerate Elements * Topic B: Attach Events Through Code LESSON 12: USING THIRD-PARTY LIBRARIES AND FRAMEWORKS * Topic A: Use a Third-Party JavaScript Library * Topic B: Create a Web Page Based on a Third-Party Framework ADDITIONAL COURSE DETAILS: Nexus Humans Web Development with HTML5, CSS, and JavaScript (v1.0) training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the Web Development with HTML5, CSS, and JavaScript (v1.0) course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Learn the essentials of software development. And increase your confidence when working with developers. Why take this course? * Talk with confidence about web and internet technologies * Build better relationships with developers on your team * Create smarter designs with a deeper understanding of technical constraints * Understand the concepts behind coding without needing to code -------------------------------------------------------------------------------- Who is it for? All UX professionals Format Online, self-paced Duration 6 weeks (recommended) Commitment 3 hours per week -------------------------------------------------------------------------------- What you’ll learn Over 6 weeks, you’ll learn about the key concepts and processes involved in software development. You'll understand how code works, so that you can collaborate more effectively with developers. Module 1 The software landscape Understand the relationship between hardware and software. Module 2 Layers of software Dig into each layer of the tech stack, from the front-end to the back-end. Module 3 Front-end technologies Get up to speed on the roles of HTML, CSS and Javascript. Module 4 Back-end technologies Explore the back-end, APIs and common programming languages. Module 5 How developers work Learn about common development workflows, from waterfall to agile. Module 6 Effective collaboration Get practical guidance on how to work well with development teams.

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

SOFTWARE DEVELOPMENT TRAINING COURSE DESCRIPTION This three-day MTA Training course helps you prepare for Microsoft Technology Associate Exam 98-361, and build an understanding of these topics: Core programming, Object-Oriented programming, general software development, web applications, desktop applications, and databases. This course leverages the same content as found in the Microsoft Official Academic Course (MOAC) for this exam. WHAT WILL YOU LEARN * Describe core programming. * Explain Object Oriented programming. * Describe general software development. * Describe Web applications. * Describe desktop applications. * Explain how databases work. SOFTWARE DEVELOPMENT TRAINING COURSE DETAILS * Who will benefit: Anyone looking to learn the fundamentals of software. * Prerequisites: None. * Duration 3 days SOFTWARE DEVELOPMENT TRAINING COURSE CONTENTS * Core programming * Computer storage and data types How a computer stores programs and the instructions in computer memory, memory stacks and heaps, memory size requirements for the various data storage types, numeric data and textual data. * Computer decision structures Various decision structures used in all computer programming languages; If decision structures; multiple decision structures, such as If…Else and switch/Select Case; reading flowcharts; decision tables; evaluating expressions. * Handling repetition For loops, While loops, Do...While loops and recursion. * Understand error handling Structured exception handling. * Object-oriented programming * Classes Properties, methods, events and constructors; how to create a class; how to use classes in code. * Inheritance Inheriting the functionality of a base class into a derived class. * Polymorphism Extending the functionality in a class after inheriting from a base class, overriding methods in the derived class. * Encapsulation Creating classes that hide their implementation details while still allowing access to the required functionality through the interface, access modifiers. * General software development * Application life cycle management Phases of application life cycle management, software testing. * Interpret application specifications Application specifications, translating them into prototypes, code, select appropriate application type and components. * Algorithms and data structures Arrays, stacks, queues, linked lists and sorting algorithms; performance implications of various data structures; choosing the right data structure. * Web applications * Web page development HTML, CSS, JavaScript. * ASP.NET web application development Page life cycle, event model, state management, client-side versus server-side programming. * Web hosting Creating virtual directories and websites, deploying web applications, understanding the role of Internet Information Services. * Web services Web services that will be consumed by client applications, accessing web services from a client application, SOAP, WSDL. * Desktop applications * Windows apps UI design guideline categories, characteristics and capabilities of Store Apps, identify gestures. * Console-based applications Characteristics and capabilities of console- based applications. * Windows Services Characteristics and capabilities of Windows Services. * Databases * Relational database management systems Characteristics and capabilities of database products, database design, ERDs, normalisation concepts. * Database query methods SQL, creating and accessing stored procedures, updating and selecting data. * Database connection methods Connecting to various types of data stores, such as flat file; XML file; in-memory object; resource optimisation.

Duration 2 Days 12 CPD hours This course is intended for The audience for this course includes professionals who are new to Looker who are interested in leveraging Looker for data analysis, visualization, and reporting. The course is designed for individuals seeking to gain a comprehensive understanding of Looker's functionalities and apply these skills in their organizations to drive data-driven decision-making. Overview This course combines expert lecture, real-world demonstrations and group discussions with machine-based practical labs and exercises. Working in a hands-on learning environment led by our expert facilitator, you'll explore and gain: Comprehensive understanding of Looker's platform: Gain a solid foundation in Looker's key features, functionality, and interface, enabling you to navigate and utilize the platform effectively for your data analysis and visualization needs. Mastery of LookML and data modeling: Develop proficiency in Looker's unique data modeling language, LookML, to create customized and efficient data models that cater to your organization's specific requirements. Expertise in creating insightful Explores: Learn to build, customize, and save Explores with dimensions, measures, filters, and calculated fields, empowering you to analyze your data and uncover valuable insights. Proficiency in dashboard design and sharing: Acquire the skills to design visually appealing and informative dashboards, share them with different user roles, and schedule exports to keep stakeholders informed and up-to-date. Enhanced content organization with folders and boards: Understand how to effectively use folders and boards to organize, manage, and discover content within Looker, making it easily accessible for you and your team. Optional: Advanced visualization techniques for impactful storytelling: Master advanced visualization techniques, including customizations with HTML, CSS, and JavaScript, and interactive visualizations using Looker's API, to create compelling data stories that resonate with your audience. Discover the power of data analytics and visualization with our hands-on, two-day introductory course Looker Bootcamp: Analyzing and Visualizing Data with Looker. Designed for professionals who want to unlock valuable insights from their data, this immersive training experience will guide you through Looker's cutting-edge features and provide you with the essential skills to create engaging, interactive, and insightful reports and dashboards. Our experienced trainers will take you on a journey from the fundamentals of Looker and its unique data modeling language, LookML, to advanced visualization techniques and content organization strategies, ensuring you leave the course equipped to make data-driven decisions with confidence. Throughout the course, you will have the opportunity to participate in practical exercises and workshops that will help you apply the concepts and techniques learned in real-world scenarios. You will explore the potential of Looker's Explores, dive into LookML's capabilities, and master the art of dashboard design and sharing. Learn how to organize and manage your content with folders and boards and harness the power of advanced visualization techniques to make your data come alive. GETTING STARTED WITH LOOKER * Overview of Looker and its key features * Navigating the Looker interface * Looker terminology and basic concepts CONNECTING TO DATA SOURCES * Setting up and managing data connections * Exploring database schemas * Understanding LookML: Looker's data modeling language CREATING AND CUSTOMIZING EXPLORES * Building and customizing Explores * Adding dimensions, measures, and filters * Creating calculated fields * Saving and organizing Explores DATA VISUALIZATION * Creating visualizations using Looker's visualization library * Customizing chart types, colors, and labels * Displaying visualizations in dashboards * Introduction to Looker's API for custom visualizations ADVANCED EXPLORES AND LOOKML * LookML refresher and best practices * Creating derived tables and data transformations * Managing access controls and data permissions ORGANIZING AND SHARING CONTENT WITH FOLDERS AND BOARDS * Introduction to folders and boards in Looker * Creating and managing folders for organizing content * Setting up boards for easy content discovery * Sharing folders and boards with different user roles and permissions DASHBOARD DESIGN AND SHARING * Best practices for dashboard design * Adding, arranging, and resizing visualizations * Scheduling and exporting dashboard data ADVANCED VISUALIZATION TECHNIQUES * Customizing visualizations with HTML, CSS, and JavaScript * Creating interactive visualizations using Looker's API * Integrating Looker visualizations with other tools HANDS-ON WORKSHOP AND PROJECT * Participants work on a guided project to apply the skills learned * Trainer provides individual support and guidance * Project Presentations, Q&A, and Training Wrap-up ADDITIONAL COURSE DETAILS: Nexus Humans Looker Bootcamp: Analyzing and Visualizing Data with Looker (TTDVLK02) training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the Looker Bootcamp: Analyzing and Visualizing Data with Looker (TTDVLK02) course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Duration 3 Days 18 CPD hours This course is intended for This is an introductory level course, designed for web developers that need to upgrade core skills leveraging modern scripting and web development languages and standards. This course provides an excellent foundation for continued learning to gain in-demand skills in in-demand skills and technologies such as Angular, React, NodeJS, JQuery and more. This course can also be tuned for non-developers. Please inquire for details. Overview This 'skills-focused' course is approximately 50% hands-on, combining expert lecture, real-world demonstrations and group discussions with machine-based practical labs and exercises. Our instructors are highly experienced practitioners who bring years of current 'on-the-job' experience into every classroom. Working within in a hands-on learning environment guided by our expert team, attendees will explore: HTML5: How to effectively meet requirements using the full range of HTML5 semantic and structural elements To work with technologies such as web storage, application caching, and cross-domain messaging to improve performance and the user experience CSS: What features CSS3 supports and how they can be effectively used with HTML5 and other technologies To adapt to varying degrees of browser support for HTML5 and CSS3 JavaScript: What JavaScript is, how it relates to other programming languages, and how to script your web pages with it To traverse and manipulate the DOM and handle events in ways that work in all browsers To work with closures and prototypes and other exotic features of JavaScript Debugging What is needed to effectively debug these web technologies How to use both browser-based and proxy-based debuggers and tools Introduction to HTML5, CSS3 & JavaScript is geared for developers who need to understand the latest web technologies and responsive design practices central to targeting the entire spectrum of user platforms and browsers. This jumpstart style course provides a balanced mixture of theory and practical labs designed to take students through HTML5, CSS3 and JavaScript. Students who attend this course will leave this course armed with the new skills to begin to design, implement, and deploy robust, flexible, and safe web applications HTML REFRESHER * HTML Review * Introduction to HTML5 INTRODUCTION TO CSS * CSS Basics * CSS3 Overview * CSS3 Advanced Selectors * CSS3 Visual Effects INTRODUCTION TO JAVASCRIPT * JavaScript Basics * Debugging Tools * JavaScript Functions * JavaScript Arrays, Math and Date * JavaScript Event Handling and the DOM * Object-Oriented JavaScript

Duration 3 Days 18 CPD hours This course is intended for The intended audience for this course is experienced web developers who are new to User Experience (UX) and Responsive Design principles. These professionals typically have a solid understanding of front-end development technologies such as HTML, CSS, and JavaScript but seek to expand their skillset to create more user-centric, adaptable, and accessible web experiences. Roles that would benefit from this course include: Front-end Web Developers Full-stack Developers Web Designers Team Leads and Project Managers Freelance Web Developers Overview Working in a hands-on learning environment led by our expert UX coach, you'll learn to: Understand and apply UX principles and user-centered design processes: Participants will learn to identify the needs and preferences of users, create user personas, and apply UX best practices to develop intuitive, user-friendly web experiences. Design and implement responsive web layouts: Participants will gain the skills to create fluid grid layouts, use flexible images, and apply media queries to design web pages that adapt seamlessly across various devices and screen sizes. Optimize web performance for responsive designs: Participants will learn techniques to improve website performance, including image optimization, responsive images, and minification and concatenation of assets, ensuring a fast and smooth user experience across devices. Implement accessible web designs: Participants will understand the importance of accessibility in web design and learn to apply WCAG principles and accessible design patterns to create websites that are usable by a wide range of users, including those with disabilities. Collaborate effectively with designers, developers, and stakeholders: Participants will gain insights into design collaboration and handoff processes, enhancing their ability to communicate design decisions, provide and receive feedback, and work efficiently with team members and clients. In today's fast-paced digital world, user-centric and adaptable websites are no longer a luxury ? they're a necessity. By embracing UX and responsive design, you'll unlock the potential to elevate your websites, boosting user satisfaction and engagement. This, in turn, leads to higher conversion rates and a stronger online presence for your clients or organization, as well as better collaboration within your team, bridging the gap between designers, developers, and stakeholders.UX Design & Responsive Design for Experienced Web Developers is a three day, engaging hands-on workshop designed to equip you with the latest skills and best practices in User Experience (UX) and Responsive Web Design required to create seamless, user-friendly websites that adapt effortlessly across devices. This course will immerse you in the latest skills, best practices, and hands-on activities, empowering you to create exceptional, accessible websites that excel across devices and captivate users. Throughout the program you?ll explore the fundamentals of UX and responsive design, including user-centered design processes, mobile-first and desktop-first approaches, and design techniques for various devices and screen sizes. You'll gain practical experience creating responsive layouts, optimizing performance, and implementing accessible web designs, all while leveraging popular frameworks and design tools. You'll also gain valuable insights into performance optimization, accessibility, and collaboration strategies, ensuring you have the complete toolkit to excel in your field.By the end of this workshop, you?ll have gained a solid understanding of UX and responsive design principles, as well as hands-on experience in applying these concepts to real-world projects. You?ll be able to create more user-friendly, responsive, and accessible websites, and collaborate more effectively with your design and development teams. INTRODUCTION TO UX AND RESPONSIVE DESIGN: UNDERSTANDING USER EXPERIENCE * What is UX? * Importance of UX in web development * UX principles and best practices * User-centered design process RESPONSIVE WEB DESIGN BASICS * What is Responsive Web Design? * Importance of Responsive Design in modern web development * Fluid grid layout, flexible images, and media queries * Hands-on Activity: Creating a Responsive Layout * Designing a simple responsive layout using HTML, CSS, and media queries * Breakdown and explanation of the code * Testing responsiveness across different devices MOBILE-FIRST VS. DESKTOP-FIRST APPROACHES * Pros and cons of each approach * Deciding which approach to use DESIGNING FOR DIFFERENT DEVICES AND SCREEN SIZES * Common breakpoints and device considerations * Accessibility and usability across devices * Typography, color, and other design elements in responsive design * Hands-on Activity: Designing for Different Devices * Modifying the previously created responsive layout to optimize for various devices * Discussion and feedback on designs ADVANCED UX AND RESPONSIVE DESIGN TECHNIQUES: UX RESEARCH AND TESTING * Importance of UX research * Usability testing and user feedback * A/B testing and heatmaps NAVIGATION AND INFORMATION ARCHITECTURE * Designing effective and user-friendly navigation * Organizing content and information * Common navigation patterns in responsive design * Hands-on Activity: Designing Navigation for Responsive Websites * Adding navigation elements to the previously created responsive layout * Testing navigation on different devices and screen sizes * Discussion and feedback on navigation designs RESPONSIVE WEB DESIGN FRAMEWORKS AND TOOLS * Overview of popular frameworks (Bootstrap, Foundation, etc.) * Pros and cons of using frameworks * Introduction to design tools (Sketch, Figma, Adobe XD) * Hands-on Activity: Exploring Frameworks and Tools * Experimenting with a chosen framework or design tool * Redesigning the responsive layout using the selected framework/tool * Sharing experiences and discussing the benefits and drawbacks UX AND RESPONSIVE DESIGN BEST PRACTICES: DESIGN PATTERNS AND UI COMPONENTS * Common design patterns in responsive web design * Designing reusable UI components * Consistency and usability in UI components PERFORMANCE OPTIMIZATION * Importance of performance in responsive design * Image optimization and responsive images * Minification and concatenation of assets * Hands-on Activity: Optimizing Performance (1.5 hours) * Applying performance optimization techniques to the responsive layout * Testing the improvements in performance * Sharing results and discussing best practices ACCESSIBILITY IN UX AND RESPONSIVE DESIGN * Importance of accessibility in web design * Accessibility principles (WCAG) * Accessible design patterns and techniques * Hands-on Activity: Evaluating and Improving Accessibility Assessing the accessibility of the responsive layout * Implementing accessibility improvements * Testing and discussing the results * DESIGN COLLABORATION AND HANDOFF * Collaborating with designers, developers, and stakeholders * Effective communication and documentation * Design handoff tools and techniques * Hands-on Activity: Simulating Design Handoff * Participants will work in pairs to simulate a design handoff * Reviewing, discussing, and providing feedback on each other's responsive layouts * Sharing experiences and lessons learned

Duration 2 Days 12 CPD hours This course is intended for This Introductory-level course is targeted for aspiring web developers who have software development experience or background. The course can also be adjusted for non-developers upon request. Overview This 'skills-focused' course is approximately 50% hands-on, combining expert lecture, real-world demonstrations and group discussions with machine-based practical labs and exercises. Our instructors are highly experienced practitioners who bring years of current 'on-the-job' experience into every classroom. Introduction to HTML5/ CSS3 and Responsive Design Basics is a hands-on basic web development course geared for developers who need to understand what the latest in web technologies and responsive design practices that are central to targeting the entire spectrum of user platforms and browsers. This comprehensive course provides a balanced mixture of theory and practical labs designed to take students through HTML5 and CSS3. Students who attend this course will leave this course armed with the new skills to design, implement, and deploy robust, flexible, and safe web applications. HTML * Define HTML and review its history * Look at XHTML and its relationship to HTML * Identify HTML limitations and improvements HTML5 * HTML5 Overview * HTML5 Semantic Structure * HTML5 Forms * HTML5 Media Delivery CSS * Learn the basics of CSS * Meaning of cascading in CSS * Declaring CSS within your HTML page * Creating styles in an external CSS file * Control how to display and position HTML elements * Overriding standard tag behavior * Adding new classes * Using custom classes in your page CSS3 OVERVIEW * What is new in CSS3 * The Advantages of CSS3 * Browser Support for CSS3 CSS3 ADVANCED SELECTORS * Selecting Using Attributes * Selecting Using DOM Structure * Complex Selecting using Pseudo-Classes * Selecting Using UI Components and State CSS3 VISUAL EFFECTS * Font Options, Opacity, and Color * Distributing Content Across Columns * Working with Borders and Boxes * Working with Vendor Prefixes * Functional Techniques HTML5 JAVASCRIPT API * Cross-Domain Messaging * Working with Web Storage * Offline with Application Cache * Geolocation: What, Why, and How RESPONSIVE WEB DESIGN (RWD) * Adapting to Varying Screen Sizes * Scaling Page and Text Content * Scaling and Adapting for Media * Options for Adjusting Media ADDITIONAL COURSE DETAILS: Nexus Humans Web Essentials | Introduction to HTML5, CSS3 and Responsive Design (TT4002) training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the Web Essentials | Introduction to HTML5, CSS3 and Responsive Design (TT4002) course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Duration 1 Days 6 CPD hours This course is intended for This course is designed as an introduction to HTML and CSS for those who want to learn to develop standards-compliant web content, with a focus on current HTML5 and CSS3 standards. This course can be taught on Microsoft© Windows©, Apple© Mac OS© X, or Linux©, and supports developers who work in any of those environments. HTML5 is one of the most integral and evolving web technologies that enables a user to structure content and present it on the web.This course lays the foundation for mastering this popular web publishing technology. AUTHORING CONTENT IN HTML * Web Development Standards * Create an HTML Page * Apply HTML Attributes EMBEDDING AND LINKING CONTENT * Embed Content within an HTML Page * Link HTML Pages * Create Image Maps FORMATTING CONTENT WITH CSS * Apply Style Sheets to HTML * Use CSS to Create Multiple Column Layouts AUTHORING COMPLEX CONTENT STRUCTURES * Author Table Content * Construct and Format Forms TESTING AND PUBLISHING HTML CONTENT * Identify and Correct Structural and Compatibility Problems * Make HTML Content Accessible * Publish and Deploy Web Content ADDITIONAL COURSE DETAILS: Nexus Humans HTML5 - Content Authoring Fundamentals training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the HTML5 - Content Authoring Fundamentals course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.

Duration 1 Days 6 CPD hours This course is intended for This course is designed for those who have experience authoring content in HTML and CSS, and want to learn how to use new HTML5 and CSS3 features. This course can be taught on Windows©, Mac OS© X, or Linux©, and supports developers who work in any of those environments. Although JavaScript© knowledge is helpful, HTML and CSS are the focus, so this course does not require that the learner have extensive JavaScript skills. Overview In this course, you will develop web content in HTML5 and CSS3 following principles of responsive web design. You will: ?Optimize HTML content to take advantage of HTML5 and CSS3 features.?Write advanced CSS3 selectors and media queries.?Use advanced background and border options introduced in CSS3.?Use advanced text formatting options introduced in CSS3.?Use HTML5 graphics and multimedia elements, including transforms, animation, audio, and video. ?Follow best practices to enable HTML content to be successfully processed by many different web browsers and machine readers. This course focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. CREATING HTML5 CONTENT * Develop Web Content to Follow Standards * Update Legacy Web Content to Meet HTML5 Requirements * USING ADVANCED TECHNIQUES TO SELECT AND APPLY STYLES * Use Advanced CSS Selectors * Provide Alternate Layouts Based On Device Characteristics * USING ADVANCED BACKGROUND AND BORDER TECHNIQUES * Use Advanced Techniques to Create Backgrounds * Use Advanced Techniques to Create Borders INCORPORATING ADVANCED TEXT FORMATS * Use Web Fonts * Apply Advanced Text Styles ADDING ANIMATION AND MULTIMEDIA * Use 2D Transforms * Use Animation Styles * Embed Audio and Video in a Web Page MAKING HTML READABLE AND ACCESSIBLE * Support Various Browsers * Improve Markup to Benefit Human and Machine Readers * ADDITIONAL COURSE DETAILS: Nexus Humans HTML5 - Content Authoring with New and Advanced Features training program is a workshop that presents an invigorating mix of sessions, lessons, and masterclasses meticulously crafted to propel your learning expedition forward. This immersive bootcamp-style experience boasts interactive lectures, hands-on labs, and collaborative hackathons, all strategically designed to fortify fundamental concepts. Guided by seasoned coaches, each session offers priceless insights and practical skills crucial for honing your expertise. Whether you're stepping into the realm of professional skills or a seasoned professional, this comprehensive course ensures you're equipped with the knowledge and prowess necessary for success. While we feel this is the best course for the HTML5 - Content Authoring with New and Advanced Features course and one of our Top 10 we encourage you to read the course outline to make sure it is the right content for you. Additionally, private sessions, closed classes or dedicated events are available both live online and at our training centres in Dublin and London, as well as at your offices anywhere in the UK, Ireland or across EMEA.