Laurence Svekis

Laurence Svekis is a web technology enthusiast, educator, and author who has been working in the field for over 20 years. He has expertise in web development technologies, such as HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL. Svekis is a prolific course instructor on Udemy, with over 500,000 students enrolled in his courses. He has authored over 100 online courses, covering a wide range of web technologies and tools, such as Google Apps Script, WordPress, React, Node.js, Express.js, and MongoDB. His courses are known for their practical and hands-on approach, with a focus on real-world projects and examples. In addition to teaching, Svekis is also a published author, with several books to his name Svekis is passionate about empowering people with the skills and knowledge they need to succeed in the rapidly evolving field of web technology. He is committed to providing high-quality educational resources that are accessible to anyone, regardless of their background or experience level.

Create a Moving Rectangle Animation with JavaScript and HTML5

by

“Create a Moving Rectangle Animation with JavaScript & HTML5! #JavaScriptTutorial #HTML5Canvas #Animation #WebDevelopment” YouTube Description: Discover how to bring your web pages to life with our latest tutorial on creating a moving rectangle animation using JavaScript and the HTML5 Canvas API. This video is perfect for beginners looking to get hands-on with interactive web development. … Read more

Animating a Square Across the Screen with JavaScript and HTML5 Canvas

by

For a very simple example using requestAnimationFrame with an HTML5 canvas, let’s animate a small square moving across the canvas. This animation will continuously loop the square moving from left to right across the canvas, resetting its position to the left once it reaches the end of the canvas width. “Animating a Square Across the … Read more

Interactive Drawing with HTML5 Canvas and JavaScript

by

Unlock the power of HTML5 Canvas with our interactive tutorial on creating a dynamic drawing tool with JavaScript! This video dives deep into how to make your web pages interactive by responding to user mouse movements to draw lines on the canvas. Ideal for beginners and intermediate developers alike, this guide will take your web … Read more

Mastering HTML5 Canvas with JavaScript: Draw a Line

by

“Mastering HTML5 Canvas with JavaScript: Draw Your First Line! #LearnToCode #JavaScript #HTML5 #WebDevelopment” Dive into the world of web development with our latest tutorial on HTML5 Canvas and JavaScript! In this video, we break down the basics of using the <canvas> element to draw graphics on the web. Follow along as we demonstrate how to … Read more

Setting Line Width

by

Change the width of a line on the canvas The lineWidth property of the context ctx sets the width of lines drawn in the future. This value is set before drawing shapes like lines or circles. const canvas = document.querySelector(‘#myCanvas’); const ctx = canvas.getContext(‘2d’); ctx.beginPath(); ctx.moveTo(-35,-7); ctx.lineTo(300,100); ctx.lineWidth = 14; ctx.stroke(); The code ctx.lineWidth = … Read more

Add a Horizontal Rule above each element that starts with a certain word in Google Docs using Apps Script

by

Creating an Apps Script to add a horizontal rule above each element that begins with the word “Question” in a Google Docs document involves searching the document for paragraphs starting with “Question” and then inserting a horizontal rule above those paragraphs. Here’s how you can do it: Here’s the Apps Script: This script iterates through … Read more

Remove blank lines in your Google Doc with Apps Script

by

To create an Apps Script that removes blank lines from a Google Docs document, you can follow these steps. This script will go through the document, identify any paragraphs that consist only of whitespace or are completely empty, and remove them. Here’s the Apps Script: This script retrieves all the paragraphs in the document and … Read more

Top 10 JavaScript Interview Questions 2024

by

1. Explain event bubbling and event capturing in JavaScript. How can you prevent it? Response: Event bubbling and event capturing are two phases of event propagation in the HTML DOM API. Event bubbling occurs when an event triggered on an element propagates up to its ancestors, whereas event capturing occurs when an event propagates down … Read more

Remove header or other styling from an element that begins with a certain word Google Apps Script Code Snippet

by

To create a Google Apps Script that removes a heading in a Google Docs document if an element (paragraph) starts with a specific word from an array of words, follow these steps: This script iterates through all paragraphs in your document, checks if the first word of a paragraph matches any word in the triggerWords … Read more

Google Apps Script that bolds elements in a Google Docs document that begin with any word

by

To create a Google Apps Script that bolds elements in a Google Docs document that begin with any word from a given array of words, follow these steps: This script searches your document for each word in the searchWords array. When it finds an occurrence of any word, it applies bold formatting to that word. … Read more