Laurence Svekis
Laurence Svekis
  • 595
  • 873 910
Implement Drag and Drop Functionality in JavaScript | Taught by Laurence Svekis
Create a sortable list with drag-and-drop functionality using vanilla JavaScript. In this tutorial, Laurence Svekis, best-selling author and JavaScript expert, teaches you how to enable drag-and-drop interactions for list items, allowing users to reorder items easily. Perfect for developers looking to add dynamic interactivity to their web projects
Course content web development and web design courses with coding examples and source code for the lesson content. Source Code is available within my Github account. Lessons posted are designed to help students learn more about a specific topic related to modern web development and applying code.
Laurence Svekis is a professional top selling course author having instructed over 1 Million students both online and in person. Laurence Svekis is a Google Developer Expert specializing in Google Workspace automation using Google Apps Script Code.
Check out my Website for more details at basescripts.com/
Переглядів: 55

Відео

Create an Interactive Accordion Menu in JavaScript | Taught by Laurence Svekis
Переглядів 22День тому
Learn how to build an accordion menu that expands and collapses sections when clicked, using vanilla JavaScript. Laurence Svekis, best-selling author and JavaScript instructor, guides you through the process of creating this interactive UI component, perfect for organizing content in a compact and user-friendly way." Course content web development and web design courses with coding examples and...
Build a Custom Tooltip in JavaScript | Taught by Laurence Svekis
Переглядів 14День тому
Enhance user interaction on your website by creating custom tooltips with JavaScript. Laurence Svekis, best-selling author and JavaScript expert, walks you through building a lightweight, reusable tooltip component that appears on hover. Perfect for developers looking to add interactive elements to their web projects. Course content web development and web design courses with coding examples an...
Create a Custom Modal Window with Vanilla JavaScript | Taught by Laurence Svekis"
Переглядів 14День тому
Learn how to build a modal window from scratch using vanilla JavaScript. In this tutorial, Laurence Svekis, a best-selling author and JavaScript educator, guides you through the process of creating an interactive modal that can be easily integrated into any web page. This exercise is ideal for developers looking to enhance their UI/UX skills. Course content web development and web design course...
Implement Lazy Loading for Images in JavaScript | Taught by Laurence Svekis
Переглядів 19День тому
Optimize your web page's performance by implementing lazy loading for images in JavaScript. In this tutorial, Laurence Svekis, best-selling author and JavaScript expert, teaches you how to load images only when they are about to enter the viewport, improving load times and user experience. Perfect for developers aiming to enhance their web performance skills. Course content web development and ...
Build a Simple Client-Side Router in JavaScript | Taught by Laurence Svekis
Переглядів 35День тому
Create a client-side router in JavaScript that dynamically changes content based on the URL hash. This exercise, led by Laurence Svekis, best-selling author and JavaScript instructor, walks you through the process of handling hash changes and rendering corresponding content, providing a foundation for building single-page applications (SPAs) without external libraries Course content web develop...
Implement Function Currying in JavaScript | Taught by Laurence Svekis
Переглядів 9День тому
Learn how to implement currying, a powerful functional programming technique in JavaScript, that transforms multi-argument functions into a series of single-argument functions. In this tutorial, Laurence Svekis, best-selling author and JavaScript educator, guides you through creating your own curry function, perfect for enhancing your functional programming skills. Course content web developmen...
Flatten a Deeply Nested Array in JavaScript | Taught by Laurence Svekis
Переглядів 9День тому
Discover how to flatten deeply nested arrays in JavaScript with a recursive approach. In this tutorial, Laurence Svekis, best-selling author and JavaScript expert, will teach you how to handle complex nested arrays and return a single flat array. This exercise is ideal for developers looking to improve their understanding of recursion and array manipulation in JavaScript Course content web deve...
Master Throttling in JavaScript: Limit Function Execution | Taught by Laurence Svekis
Переглядів 8День тому
Understand the importance of controlling function execution rates in JavaScript by implementing a throttle function. This exercise, guided by Laurence Svekis, a best-selling author and JavaScript educator, will help you ensure that your functions are called at most once within a specified time frame, improving performance in scenarios like scrolling or resizing events." Keywords: throttle funct...
Implement a Debouncing Function in JavaScript | Taught by Laurence Svekis
Переглядів 16День тому
Learn how to control the rate of function execution with a debounce function in JavaScript. This tutorial covers how to delay the execution of a function until a certain amount of time has passed since the last invocation. Laurence Svekis, best-selling author and JavaScript expert, walks you through this essential technique used in performance optimization." Keywords: debounce function JavaScri...
Create Your Own Map Function in JavaScript | Taught by Laurence Svekis
Переглядів 27День тому
Ever wondered how the Array.prototype.map function works under the hood? In this exercise, you'll implement a custom map function in JavaScript, learning about callback functions and array manipulation along the way. Laurence Svekis, a best-selling author and seasoned JavaScript instructor, guides you through this coding challenge, perfect for enhancing your functional programming skills." Keyw...
Build Your Own JavaScript Promise from Scratch | Taught by Laurence Svekis
Переглядів 19День тому
Explore the inner workings of JavaScript Promises by implementing your own! In this tutorial, you'll learn how to create a simple Promise that supports .then chaining, helping you understand asynchronous programming at a deeper level. Laurence Svekis, best-selling author and JavaScript educator, walks you through each step to solidify your knowledge of Promises and asynchronous code." Keywords:...
Master Deep Cloning in JavaScript: Avoid Shallow Copies | Taught by Laurence Svekis
Переглядів 24День тому
"Learn how to create a deep copy of an object in JavaScript to avoid issues with shallow copying. This exercise will guide you through writing a function that clones an object and all of its nested properties, ensuring no references are shared with the original object. Taught by Laurence Svekis, best-selling author and JavaScript expert, this tutorial is perfect for developers looking to deepen...
Build a Fun Number Guessing Game with HTML & JavaScript - Beginner Tutorial
Переглядів 3126 місяців тому
Build a Fun Number Guessing Game with HTML & JavaScript - Beginner Tutorial basescripts.com/build-a-fun-number-guessing-game-with-html-javascript-beginner-tutorial Dive into this exciting tutorial where we create a simple yet engaging number guessing game using HTML and JavaScript! Perfect for beginners, this step-by-step guide will show you how to program a game where users guess a number betw...
Easy To-Do List Tutorial: Create Your Own with HTML & JavaScript
Переглядів 1416 місяців тому
Easy To-Do List Tutorial: Create Your Own with HTML & JavaScript Learn how to create a simple, interactive to-do list with our step-by-step tutorial. This beginner-friendly guide will take you through the process of building a basic to-do list application using HTML and JavaScript. You'll learn how to add new tasks and remove them with a simple click. Perfect for getting started with web develo...
Create Interactive Tabbed Interfaces with HTML & JavaScript - Easy Tutorial
Переглядів 996 місяців тому
Create Interactive Tabbed Interfaces with HTML & JavaScript - Easy Tutorial
Build Your Own Simple Calculator with HTML and JavaScript - Step by Step Tutorial
Переглядів 596 місяців тому
Build Your Own Simple Calculator with HTML and JavaScript - Step by Step Tutorial
How to Fetch and Display API Data with JavaScript - A Beginner's Guide
Переглядів 2296 місяців тому
How to Fetch and Display API Data with JavaScript - A Beginner's Guide
How to Validate Email Addresses in Your Web Forms with JavaScript includes string method
Переглядів 696 місяців тому
How to Validate Email Addresses in Your Web Forms with JavaScript includes string method
JavaScript Tutorial: Toggle Image Visibility with a Click
Переглядів 1066 місяців тому
JavaScript Tutorial: Toggle Image Visibility with a Click
Dynamic Background Color Change with JavaScript | Beginner Tutorial
Переглядів 2326 місяців тому
Dynamic Background Color Change with JavaScript | Beginner Tutorial
List all Folders in Folder Ultimate Google Drive Cleanup with Google Apps Script
Переглядів 7106 місяців тому
List all Folders in Folder Ultimate Google Drive Cleanup with Google Apps Script
List all Files in Folder Automate Google Drive Organization with Google Apps Script
Переглядів 1,3 тис.6 місяців тому
List all Files in Folder Automate Google Drive Organization with Google Apps Script
Streamline Your Inventory Management with Google Apps Script
Переглядів 5596 місяців тому
Streamline Your Inventory Management with Google Apps Script
Simplify Your Scheduling: Building a Resource Booking System with Google Apps Script
Переглядів 3326 місяців тому
Simplify Your Scheduling: Building a Resource Booking System with Google Apps Script
Form Submit Send Email Response FormResponder Pro - Google Forms Automation Google Apps Script
Переглядів 2586 місяців тому
Form Submit Send Email Response FormResponder Pro - Google Forms Automation Google Apps Script
Automated Document Generator DocAutoWizard - Automate Your Document Flow App Script Code
Переглядів 3606 місяців тому
Automated Document Generator DocAutoWizard - Automate Your Document Flow App Script Code
Automate Your Sales Data Analysis with Google Apps Script | Step-by-Step Tutorial
Переглядів 5146 місяців тому
Automate Your Sales Data Analysis with Google Apps Script | Step-by-Step Tutorial
Automate Email Sending with Google Sheets & Apps Script | Step-by-Step Tutorial
Переглядів 8226 місяців тому
Automate Email Sending with Google Sheets & Apps Script | Step-by-Step Tutorial
Create Your Own Monthly Expense Report with Google Sheets & Apps Script!
Переглядів 4576 місяців тому
Create Your Own Monthly Expense Report with Google Sheets & Apps Script!

КОМЕНТАРІ

  • @John-kd6gi
    @John-kd6gi 7 днів тому

    Any reason to this this instead of using Object.assign()?

  • @santosahernandezmendoza7147
    @santosahernandezmendoza7147 8 днів тому

    Mil gracias, sus conocimientos me están ayudando a comprender más el complejo mundo de la programación

  • @arivasklein
    @arivasklein 8 днів тому

    Hey!! thank you for this video! I am looking to identify certain "Flag" or "Placeholder" and then add the paragraph in that place. How do I do this or what function do you suggest I should be using?

  • @OrangeFan8
    @OrangeFan8 9 днів тому

    Hey, first thank you for the video this was exactly what i was looking for but if had to give a feed back it would be, please try to explain the code while you're writting it rather than explaining it at the end of the video. Great video !

  • @JohnBurton-m6j
    @JohnBurton-m6j 11 днів тому

    Maybe this is doing something cleverer than I realise? It seems an awfully complex way to just to automatically identify the range a given number sits within? Isn't there just one line of code we can put in the function bar, tweak to define the ranges and highlight relevant spreadsheet columns?

  • @BrandonSnodgrass-x6i
    @BrandonSnodgrass-x6i 13 днів тому

    Is there a simple way to refine the search for messages that were received today or perhaps within the last 24 hours?

  • @malcolmsokol4294
    @malcolmsokol4294 14 днів тому

    Following your video and when I recreate it and execute either in debug or using a URL the messge says the script complete but did not return anything. No window opens.. Execution log shows start and end. I am assuming I do not need to have any HTML files open becasue I se no reference to any so assume a new browser window should open.

  • @praditleelanimit3153
    @praditleelanimit3153 14 днів тому

    Thank you greatfully. This is help me to finish my work.

  • @chrisder1814
    @chrisder1814 16 днів тому

    hello, do you know api connector? do you use AI for coding? can I find "templates" ?

  • @HariTheHelper
    @HariTheHelper 16 днів тому

    browsers don't allow fetching of local json files??? how do you overcome this basic problem??

    • @HariTheHelper
      @HariTheHelper 16 днів тому

      On reflection it seems that you are using a local server!

  • @malcolmsokol4294
    @malcolmsokol4294 16 днів тому

    So I gather this code is in the sheets script associated with the link ss tied to the form. I was trying to do onFormSubmit in the form itself and not working and scripting with FORMS leaves a lot that can't be done. Anyhow what I want to do is add some data to another sheet not in the default ss and manipulate there. I assume rather than writing to the new sheet you created for logs I could open a second google sheet and work with that one. So the trigger is on the linked sheet because that is the active sheet tied to form submission and then you use a google sheets trigger, not a form trigger. This is all new to me and not like my Excel VBA experience.

  • @cinnaminwolf4354
    @cinnaminwolf4354 18 днів тому

    Today i learned that there IS in fact a function to check if a string has a numerical value, would've saved young me the headache of creating mass function to solve a simple problem lol

  • @MuratUzman
    @MuratUzman 19 днів тому

    I can't get past the cors issue. I run the script on my local machine (browser opens the local index.html which loads the sheets.js file). The targeted Google Sheets is shared for anyone with the link. I receive this error: "Access to fetch at [url] from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource." If I use the fetch with 'no-cors' mode, it doesn't return anything (response.ok == false). Any ideas how to solve this issue and get access to the Google Sheets? Thanks.

  • @adegunloyerebecca2671
    @adegunloyerebecca2671 21 день тому

    @LaurenceSvekisCourses I am reaching out to discuss an exciting business proposition regarding your Udemy course. Our aim is to enhance the visibility of your course, increase sales, expand your student audience, and cultivate positive reviews. I am eager to explore potential collaboration opportunities with you to achieve these objectives. Looking forward to the possibility of working together.

  • @chrisder1814
    @chrisder1814 22 дні тому

    Hello, could you help me understand if my ideas are feasible?

  • @iskojc3574
    @iskojc3574 25 днів тому

    what if i want every new doc created to be saved as a pdf?

  • @ParidhiUPSC
    @ParidhiUPSC 25 днів тому

    where is the link for the code for this?

  • @yaniadam
    @yaniadam 26 днів тому

    does it automatically send to email?

  • @richardnorris9256
    @richardnorris9256 Місяць тому

    Omg there's a 'insertSheetsChartAsImage' method? I wish I'd known that 2 days ago.

  • @chrisder1814
    @chrisder1814 Місяць тому

    hello I thought that appscript is only used to connect an API to it? but in fact it's more than that?

  • @chrisder1814
    @chrisder1814 Місяць тому

    hello do you know the extension that allows you to add APIs to Google sheets?

  • @thekarandeep007
    @thekarandeep007 Місяць тому

    Just put the negative sign "-" in the formula, =PMT(C3/12,B3,-A3,D3), so u dont have to pu negative principle amount

  • @sma_bari
    @sma_bari Місяць тому

    sir, why are you using light theme? following a course with light theme is tough, when you use dark , you know...

  • @JasonRiadyZelin
    @JasonRiadyZelin Місяць тому

    Hi Laurence, great explanation! I've been watching several video of yours regarding Apps Script tutorial to integrate data between Google Suite apps. Thank you for the hard work. By the way, I have another question, do you happen to know how would I copy the bullet lists to a certain placeholder? Thanks in advance.

  • @jjc6530
    @jjc6530 Місяць тому

    How do you include bcc and cc?

  • @user-tf5ew6mz1w
    @user-tf5ew6mz1w Місяць тому

    Very clear

  • @barrosooliv
    @barrosooliv Місяць тому

    Thank you 🤝

  • @masbromw3880
    @masbromw3880 Місяць тому

    Hello sir, why file pdf isblank from sheet template ,the template fill data from sheet

  • @FioraAbbington
    @FioraAbbington Місяць тому

    Спасибо!

  • @EndroPora
    @EndroPora Місяць тому

    how does the script reconnect the google form with the spreadsheet on the original sheet

  • @randpetersen906
    @randpetersen906 Місяць тому

    why does email address not show up execution logfunction mySquarespaceFunction4(){ var authInfo = ScriptApp.getAuthorizationInfo(ScriptApp.AuthMode.FULL); Logger.log(authInfo.getAuthorizationStatus()); //Log the authorization status (REQUIRED or NOT_REQUIRED) const email = Session.getActiveUser.getEmail; //const email = Session.getEffectiveUser.getEmail; Logger.log('bubbakingofbbq'); const id = '1PKG0WlYOhQ40kSq9oMiG50L19r-r82CvSnJDFxD94Fv1xiUq_QtBFlwN'; const doc = DocumentApp.create('Test2'); const body = doc.getBody(); let emailContent = body.editAsText().getText(); Logger.log(doc.getName()); //doc.setName('my email doc'); const subject = doc.getName(); const url = doc.getUrl(); emailContent += '' + url; GmailApp.sendEmail('bubbakingofbbq@gmail.com','whatTheF', 'shittyResults'); Logger.log(email);

  • @masbromw3880
    @masbromw3880 Місяць тому

    Hello Sir, How to replace text with QR from URL?

  • @masbromw3880
    @masbromw3880 Місяць тому

    Hello Sir, how to replace text on google docs with image from url using apps script?

  • @AhmedRaza-ty7zq
    @AhmedRaza-ty7zq 2 місяці тому

    Awesome video😎😎👍👍

  • @SwoOopy
    @SwoOopy 2 місяці тому

    37:00 (my pinned)

  • @amymcintosh3879
    @amymcintosh3879 2 місяці тому

    Thank you for this video. I have no coding experience and this made it very easy to follow and write the code I need.

    • @amymcintosh3879
      @amymcintosh3879 2 місяці тому

      I was wondering if you had any videos on how to automatically populate the yes/no column if someone signed in or not. I have made a google form and link this to sheet which works for people who have attended but I'm not sure if it would be possible to make a system that picks up if someone's name doesn't appear on the sheet and automatically puts a 'no' next to their name

  • @sheikhsadi768
    @sheikhsadi768 2 місяці тому

    how can i submit the response by appps script?

  • @biuromegadesign
    @biuromegadesign 2 місяці тому

    good job, but: TypeError: current.getFiles is not a function 🕵‍♂

  • @ChristianDG21
    @ChristianDG21 2 місяці тому

    if I have an external email from hostinger, can I use this function? and how?

  • @m200h2
    @m200h2 3 місяці тому

    When I don’t run a script directly from the code editor (for example adding a button in google sheets that runs a function) I can’t see the log at all. It’s neither in the execution log, nor is it in the console you can find by using inspect element. Thanks in advance.

  • @vegasrunaway
    @vegasrunaway 3 місяці тому

    I'm trying to tie this to a form so that the email from the sheets goes out upon form submission. Is there simple code to add to sheets or should I start over and code the form?

  • @nisaesinify
    @nisaesinify 3 місяці тому

    Thanks for your amazing work. How can I add the owner (who created the file) information as a column?

  • @ivanoleksii284
    @ivanoleksii284 3 місяці тому

    Above and beyond Thank you a million !!!

  • @ahmedfathy6984
    @ahmedfathy6984 3 місяці тому

    please i want code to make dirction left to right

  • @ahmedfathy6984
    @ahmedfathy6984 3 місяці тому

    how make page language dirction ltr or rtl by programming

  • @scubacentresodwanabay1531
    @scubacentresodwanabay1531 3 місяці тому

    Awesome tutorial!! Please help me take it one step further. How can i automate a follow-up email sent to an email in column 2 in 3 months time based on the date in column 4?

  • @nicko5566
    @nicko5566 3 місяці тому

    Great tutorials! I have learned a lot. Do you have or would you consider making a video for converting date and time to UTC?

  • @vegasrunaway
    @vegasrunaway 3 місяці тому

    Help! I keep getting a TypeError: responses.forEach is not a function.

  • @r.bd_mamiks7987
    @r.bd_mamiks7987 3 місяці тому

    how to insert a json file from the web taken with fetch api / UrlFetchApp google script into the html dropdown input in google app script, and the input is in the form of a dependent dropdown from province, district, sub-district, village... please make a tutorial

  • @LaurenceSentieri
    @LaurenceSentieri 3 місяці тому

    Hello, I am trying to automate a template using a spreadsheet but I seem to be having issues populating multiple fields. I am able to body.replaceText once but when I try to add the others it won't work. How do I know which row number to use? thank you. Example: body.replaceText('{Employee Name}',row[1]) body.replaceText('{Field 2}',row[?]); body.replaceText('{Field 3}',row[?]);