3XFree Courses Google Sites

Getting Started with Google Sites Create a WebPage Quickly -Explore how to create a free website with no coding required using Google Sites Drag and Drop Site builder

Google Sites is a website creation tool that comes with Google Account.  If you have a Google Account you can start creating websites and web pages that you can share with others across the internet.  Within just a few minutes you can quickly and easily create a website and then share the URL to the world.

Google Sites web based editor features drag and drop page building, making it easy to bring in the power of Google workspace to create amazing looking responsive websites from scratch.   They come with templates that you can select that can then be customized to suite your needs.  Easy to add layouts for great looking websites and structure of the content.  Google Sites is only available as a web application.

Bring in your media, YouTube videos, Maps, Docs, Sheets, Forms, Slides with just one click, for your users to see and interact with content.  Add text, colors, and styling to customize the look and feel of your site.

Create interactive websites to share your content to the world, or select who can access your sites pages.

Google Sites is a web based page building platform that makes it easy for businesses and individuals to create a space online to share content.

The course covers a quick start to create your own pages using Google Sites.

Taught by an instructor with many years of experience and ready to answer any questions you might have.

Laurence Svekis is a Google Developer Expert who specializes in Google Workspace products.

Join now and see what amazing websites you can create TODAY.


Spreadsheet Data query from JavaScript Frontend Code AJAX Use JavaScript to connect to your Google Spreadsheet data Query your Sheet data using JavaScript output to webpage

Explore how you can connect to your Google Sheets Spreadsheet using JavaScript.  Use your sheet data on your webpage query your sheet content and output it to web pages.

Recent changes to Spreadsheet data output now allows you to use your Google Sheet Data similar to a Database where you can query the data and return the results.  This is a perfect coding solution for frontend developers to get access to data, with AJAX retrieve JSON data and output it to web pages.   Data is live from your Google Spreadsheet, retrieve the data and output it on the page.

Fast paced lessons that are designed for those with previous JavaScript experience! 

Objective of the lessons is to provide example code as to how you can use AJAX to connect to your Google Spreadsheet data and query the sheet data from the Frontend JavaScript code.  No server, no backend coding no database required.

Taught by an instructor with many years of web development experience ready to help you learn more about JavaScript and Google Sheets.

Several students had asked me for a set of lessons to show how to connect to Google Sheets and return the results with AJAX to their web pages.  This course contains all the source code and step by step lessons to make an AJAX request for Sheet data.


Dynamic JavaScript WebPages DOM CSSGrid Create Page Elements JavaScript DOM how to create page elements update style properties add events to web pages Interactive Dynamic Web

Explore how you can use JavaScript code to create a fully responsive Dynamically created grid of page elements.  Learn more about JavaScript DOM and how you can create interactive page content with JavaScript Code

Please NOTE that JavaScript HTML and CSS are a prerequisite to this course

Included – bonus downloadable PDF resource guide with source code and links to resources.

Dynamic Web Page Grid with JavaScript – Create Elements add Event Listeners to make page elements interactive.

  • Document.querySelector() – to select page elements from the DOM
  • Document.createElement() – Create elements with JavaScript
  • EventTarget.addEventListener() – adding interaction with click events on elements created using JavaScript Code
  • Select all the page elements that were created and update the style background color
  • Add buttons that allow the user to click and reset new background colors to each page element
  • Interactive page elements when clicked will update the background color of the entire body with the random color of the element set when it was created.

Have fun with code while learning more about the Document Object Model and how you can select, create and manipulate the page elements using JavaScript code.

Taught by an instructor with over 20 years of web development experience ready to help you learn more about JavaScript.

Source code included.

JavaScript code learning made fun with step by step lessons demonstrating at the start of each lesson what will be presented in the lesson.  Take this opportunity to learn more about how to code with JavaScript.


Leave a Comment

WP Twitter Auto Publish Powered By : XYZScripts.com