Coding Help Tips Resources Tutorials
Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
NodeJS Interview questions What is Node.js and how does it work? Node.js is an open-source, cross-platform JavaScript runtime environment built on the V8 JavaScript engine of Google Chrome. It allows developers to run JavaScript on the server-side to build scalable, high-performance applications. Here’s a simple example of using Node.js to create a server: const http … Read more
JavaScript DOM Examples What is the DOM? Explain the concept of the DOM hierarchy. Solution: The Document Object Model (DOM) is a cross-platform and language-independent application programming interface that treats an HTML, XHTML, or XML document as a tree structure where each node represents a part of the document. In simple terms, it is an … Read more
10 JavaScript interview questions with solutions and code How do you check if a variable is an array? Solution: function isArray(variable) { return Array.isArray(variable); } What is the difference between null and undefined in JavaScript? Solution: null is an intentional absence of any object value and is often used to indicate a deliberate non-value. undefined … Read more
10 Examples HTML CSS Web Design Guide CSS Centering: HTML: <html> <body> <div class=”centered-div”> Centered Text </div> </body> </html> CSS: .centered-div { display: flex; justify-content: center; align-items: center; height: 100vh; } Explanation: This code centers the text inside a div both vertically and horizontally by using display: flex;, justify-content: center;, and align-items: center;. The height: … Read more
How would you center an element horizontally and vertically? Solution: .element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } <html> <body> <div class=”container”> <div class=”box”> <h1>Hello, World!</h1> </div> </div> </body> </html> What is the box model in CSS? Solution: The box model is a concept in CSS that refers to the rectangular … Read more
JavaScript Components Web Dev JavaScript Components Web Dev Accordion Component: An accordion component is a UI element that allows users to expand and collapse sections of content. Here’s an example implementation of an accordion component: <div class=”accordion”> <div class=”accordion-header” onclick=”toggleAccordion(event)”> Header 1 </div> <div class=”accordion-content” style=”display: none;”> Content 1 </div> <div class=”accordion-header” onclick=”toggleAccordion(event)”> Header 2 … Read more
Guide to JavaScriptJavaScript is a high-level, dynamic, and interpreted programming language. It is used to add interactivity and other dynamic elements to websites. The console in JavaScriptVariables:JavaScript CommentsData Types:JavaScript Data TypesArithmetic Operations:Conditional Statements:Functions:JavaScript Loops:JavaScript ArraysJavaScript ObjectsHow to output a table into the consoleJavaScript String MethodsJavaScript Number MethodsJavaScript MathVariables:Arrays:Example : ArrayExample: ObjectObjects:Conditional Statements:Functions:Example: Simple FunctionExample: Conditional … Read more
Google Workspace Tips Google Docs 25 Productivity Tips 25 Tips better productivity with Google Docs Google Sheets 25 Productivity Tips 25 Tips better productivity with Google Sheets Google Gmail 25 Productivity Tips 25 Tips better productivity with Google Gmail Google Calendar 25 Productivity Tips 25 Tips better productivity with Google Calendar Google Drive 25 Productivity … 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