FrontEnd Code Examples and Questions What is the difference between HTML and XHTML, and how do you serve them? HTML and XHTML are both markup languages used to create web pages. HTML is more forgiving than XHTML in terms of syntax, whereas XHTML has a more strict syntax. HTML documents are served with the text/html … Read more
JavaScript Coding Examples Variables: Arrays: Example : Array Example: Object Objects: Conditional Statements: Functions: Example: Simple Function Example: Conditional Statement String Methods: Ternary Operators: Using if statements: Using the switch statement: Example of switch statements: Using an object to store data: Using a function to define a reusable piece of code: Anonymous Functions: Arrow Functions: … Read more
What is the difference between responsive and adaptive design? Can you explain what is the box model in CSS and how does it work? Can you explain the difference between classes and IDs in CSS? Can you explain what is the CSS float property and how does it work? Can you explain what is the … Read more
Regex Checking for Numbers in the input field Check for values that match a Regex pattern in the input field. Push a button and apply the match checker to return the results in the console. <!DOCTYPE html> <html> <head> <title>JavaScript Course</title> </head> <body> <div class=”main”> <input id=”nums” ><button>Submit</button> </div> <script> … Read more
Create a 3 column Website layout with CSS flexbox Simple Layout Design Explore how to create a 3 column website that is fully responsive and mobile ready. Create columns within the main content section, and set up the navigation bar that is responsive with CSS Flexbox. Modern web design and template with CSS Flexbox. How … Read more
CSS setting Media Query with Final CSS style UpdatesResize and stack columns as rows on screen sizes less than 640px. Add the media query and make adjustments to the look and feel of the website on smaller screens. Test out the styling and preview how it adjusts to different size screens. Use the placeholder content … Read more
Check out these hot courses, new content and in demand skills for Spring 2022! Use the promo code SPRING2022 today, to get the best deal possible! Hurry this is a limited time offer…… Just updated Explore JavaScript DOM – Create Dynamic Web Pages JavaScript DOM for Beginners 2022 Learn how to code JavaScript DOM coding … Read more
Get the complete course here https://www.udemy.com/course/html-css-learn-to-create-a-website-from-scratch/ How to create a website from Scratch HTML and CSS Includes a 48 Page Downloadable PDF guide with source code and lesson resources. Course lessons include Tools web developer Setup and coding create HTML index page Basics setup of HTML structure and planning of content HTML structure adding page … Read more
Highlight emails in a Doc using Regex on Doc Body Contents Select all matching results from a Regex for email patterns. Creates an array of the emails contained in the doc, then applies styling to the email. Highlight the matching results with a yellow background and black text. function onOpen(){ DocumentApp.getUi() .createMenu(’emails’) .addItem(‘Highlight’,’highlighter’) .addToUi() } … Read more
