Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
Frontend code refers to the code that runs on the client-side of a web application, typically in a user’s web browser. It consists of HTML, CSS, and JavaScript, and is responsible for rendering the user interface, styling the elements, and handling user interactions. Here’s a brief overview of how frontend code works: HTML (Hypertext Markup … Read more
AJAX (Asynchronous JavaScript and XML) is a technology used in web development to allow web pages to send and receive data asynchronously without having to reload the entire page. It is a combination of several technologies including HTML, CSS, JavaScript, and XML/JSON. The main advantage of AJAX is that it enables web applications to dynamically … Read more
JavaScript Code Exercises 4 Exercise 1: Sum All Numbers in a RangeExercise 2: Diff Two ArraysExercise 3: Seek and DestroyExercise 4: Wherefore art thou Exercise 1: Sum All Numbers in a Range Write a function that takes an array of two numbers as input and returns the sum of all the numbers between them, inclusive. … Read more
JavaScript Code Exercises 3 Exercise 1: Title case a sentenceExercise 2: Find the largest number in an arrayExercise 3: Confirm all elements in an array are the sameExercise 4: Count the number of vowels in a string Exercise 1: Title case a sentence Write a function that takes a sentence as input and returns a … Read more
JavaScript Code Exercises 2 Exercise 1: Reverse a stringExercise 2: Factorialize a numberExercise 3: Check for palindromeExercise 4: Find the longest wordExercise 5: Title case a sentenceExercise 6: Return largest numbers in arraysExercise 7: Confirm the endingExercise 8: Repeat a stringExercise 9: Truncate a stringExercise 10: Chunky monkey Exercise 1: Reverse a string Write a … Read more
JavaScript Code Exercises 1 Write a function that takes an array of numbers and returns the sum of all the positive numbers in the array.Write a function that takes an array of strings and returns the shortest string in the array.Write a function that takes a string and returns a new string with all the … Read more
Common HTML Mistakes 3 Using outdated code:Ignoring SEO best practices:Overusing div tags:Using too many inline styles:Not using the correct file extensions:Using too many different fonts:Not using proper indentation:Ignoring accessibility requirements:Using invalid HTML:Ignoring cross-browser compatibility: Using outdated code: Solution: Keep up-to-date with HTML standards and avoid using outdated or deprecated code. Ignoring SEO best practices: Solution: … Read more
Common HTML Mistakes 2 Using non-ASCII characters:Using inline JavaScript:Using duplicate IDs:Not specifying character encoding:Overusing heading tags:Ignoring responsive design:Forgetting to close self-closing tags:Using too many nested elements:Using non-standard HTML:Not optimizing images: Using non-ASCII characters: Solution: Use ASCII characters to ensure maximum compatibility across different devices and browsers. Using inline JavaScript: Solution: Move JavaScript code into a … Read more
Missing DOCTYPE declaration:Unclosed tags:Improper nesting of tags:Missing alt text for images:Using deprecated tags or attributes:Using inline styles instead of CSS:Incorrectly formatted links:Using non-semantic markup:Using tables for layout:Ignoring accessibility: Missing DOCTYPE declaration: Solution: Add a DOCTYPE declaration to the top of your HTML document to specify the version of HTML you are using. Unclosed tags: Solution: … Read more
Web Page Examples CSS HTML To create a CSS grid for four child divs that are arranged in a two-by-two grid within a parent element, you can use the following code: HTML: <div class=”grid-container”> <div class=”grid-item”>Div 1</div> <div class=”grid-item”>Div 2</div> <div class=”grid-item”>Div 3</div> <div class=”grid-item”>Div 4</div> </div> CSS: .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); … Read more