- Видео 68
- Просмотров 760 159
Get __it Done!
США
Добавлен 1 май 2020
Web App, Google Apps Script, Data & Automation tutorials.
AI - Generate Realistic Pictures - Stability AI with Stable Diffusion
AI - Generate Realistic Pictures.
The current state of AI with picture generation. How realistic can we get and how useful is it?
We'll use Stability AI with Stable Diffusion.
#ai #aipictures
The current state of AI with picture generation. How realistic can we get and how useful is it?
We'll use Stability AI with Stable Diffusion.
#ai #aipictures
Просмотров: 340
Видео
Web App - Google Sheets - Form Example
Просмотров 49 тыс.2 года назад
Build a Web App in Google Sheets. We'll create a Form using Metro UI metroui.org.ua/intro.html and then connect it to Google Sheets as backend. 00:00:00 Google Sheets Web App Example 00:02:50 Google Web App Form with Metro UI 00:27.39 Send HTML Form Data to Google Sheets 00:43:22 Reset HTML Form 00:50:54 Confirmation Message 00:57:35 Web Form Validation 01:07:53 Add Progress/Loading Spinner 01:...
HTML CSS Responsive Grid System with SASS, No Bootstrap, Like Bootstrap
Просмотров 3,6 тыс.2 года назад
Build an HTML CSS Responsive Grid System with SASS. No Bootstrap but works like Bootstrap. #html #css #grid
React JS Tutorial p.10 - Composition
Просмотров 4,8 тыс.2 года назад
React JS Composition. React JS Tutorial Series ruclips.net/p/PLRmEk9smitaUg1eDmUKgCeJD9IavqurZ- #react #reactjs #reactjstutorial
SASS (CSS) Advanced, @for @each loops, @if statements, @mixin @content, @extend, @use modules
Просмотров 1,7 тыс.2 года назад
Learn advanced SASS. Build dynamic CSS with string interpolation, @for @each loops, @if statements, @mixin @content, @extend statetment, @use modules and more. Watch first part: ruclips.net/video/ZzfMJK5mSvs/видео.html SASS documentation sass-lang.com/documentation/ 00:00:00 SASS advanced class introduction 00:04:45 use SASS @mixin @include with @content & arguments 00:06:20 SASS Interpolation ...
CSS with SCSS - Learn SASS: Variables, Mixins, Imports, Functions (Live Stream)
Просмотров 1,2 тыс.2 года назад
Learn SASS with me. People often ask me how I learn things. In this video I'll be figuring out how to use SASS and you'll see that live in action. We'll go over project setup, variables, calculations, mixins, imports, functions, color lightness darkness change. Watch part 2: ruclips.net/video/Luki9xqRUA4/видео.html SASS documentation sass-lang.com/documentation/ 00:00:00 Setup HTML/SASS project...
Vue JS JavaScript, Parcel JS, Google Apps Script Tutorial
Просмотров 4,2 тыс.2 года назад
How to create Vue JS project in Google Apps Script environment using JavaScript & Parcel JS. #vuejs #appsscript #google
React JS Tutorial p.9 - useReducer hook
Просмотров 8892 года назад
useReducer hook in React JS. React JS Tutorial Series ruclips.net/p/PLRmEk9smitaUg1eDmUKgCeJD9IavqurZ- #react #reactjs #reactjstutorial
JavaScript Date and Time Tutorial
Просмотров 2,8 тыс.2 года назад
Learn how to work with JavaScript Dates and Times. #javascript #tutorial
Google Sheets Dynamic Apps Scripts using Named Ranges
Просмотров 5 тыс.2 года назад
Learn how to create dynamic Apps Scripts using named ranges in Google Sheets. #appsscript
Google Web App User Info Access & Deployment - Apps Script Tutorial
Просмотров 21 тыс.2 года назад
Google Web App User Info Access & Deployment - Apps Script Tutorial
Loop Through Folders & Subfolders - Node JS & Apps Script, JavaScript, Google Drive, Learn Recursion
Просмотров 9 тыс.2 года назад
Loop Through Folders & Subfolders - Node JS & Apps Script, JavaScript, Google Drive, Learn Recursion
JavaScript Classes - Object Oriented Programming Tutorial - Advanced
Просмотров 6 тыс.2 года назад
JavaScript Classes - Object Oriented Programming Tutorial - Advanced
Zip Speed Comparison on Windows, Mac & Linux. Who Wins?
Просмотров 3262 года назад
Zip Speed Comparison on Windows, Mac & Linux. Who Wins?
Google Apps Script WEB APP with React JS and Router Tutorial
Просмотров 22 тыс.2 года назад
Google Apps Script WEB APP with React JS and Router Tutorial
React JS Tutorial p.8 - Get Data from API on load using fetch() API
Просмотров 4,5 тыс.2 года назад
React JS Tutorial p.8 - Get Data from API on load using fetch() API
React JS Tutorial p.7 - Render JSX Arrays & useState Tutorial
Просмотров 1,2 тыс.2 года назад
React JS Tutorial p.7 - Render JSX Arrays & useState Tutorial
React JS Tutorial p.6 - React Router 6 Tutorial
Просмотров 1,3 тыс.2 года назад
React JS Tutorial p.6 - React Router 6 Tutorial
Find Closest String Match - Google Sheets Updates
Просмотров 3,9 тыс.2 года назад
Find Closest String Match - Google Sheets Updates
String Similarity, Find Best Match in JavaScript & Google Sheets
Просмотров 6 тыс.2 года назад
String Similarity, Find Best Match in JavaScript & Google Sheets
Apps Script Web App - Passing Complex Data between Server & Front-end
Просмотров 10 тыс.2 года назад
Apps Script Web App - Passing Complex Data between Server & Front-end
React JS Tutorial p.5 - Images & CSS Background Images
Просмотров 39 тыс.2 года назад
React JS Tutorial p.5 - Images & CSS Background Images
JavaScript Promise.all in an Apps Script Web App
Просмотров 2,6 тыс.2 года назад
JavaScript Promise.all in an Apps Script Web App
google.script.run replaced with JavaScript Promise API, Async & Await in a Web App
Просмотров 10 тыс.2 года назад
google.script.run replaced with JavaScript Promise API, Async & Await in a Web App
google.script.run Web App - withSuccessHandler & withFailureHandler Callbacks
Просмотров 16 тыс.2 года назад
google.script.run Web App - withSuccessHandler & withFailureHandler Callbacks
React JS Tutorial p.4 - useState hook, State, Stateful Variables
Просмотров 1,7 тыс.3 года назад
React JS Tutorial p.4 - useState hook, State, Stateful Variables
React JS Tutorial p.3 - Add Event Listeners (click, mouse over, key input & change events)
Просмотров 17 тыс.3 года назад
React JS Tutorial p.3 - Add Event Listeners (click, mouse over, key input & change events)
React JS Tutorial p.2 - Installation, JSX & Functional Components
Просмотров 1,9 тыс.3 года назад
React JS Tutorial p.2 - Installation, JSX & Functional Components
React JS Tutorial p.1 - Setup React App w/ Parcel V2 Bundler, Understand ES6 Module Import / Export
Просмотров 5 тыс.3 года назад
React JS Tutorial p.1 - Setup React App w/ Parcel V2 Bundler, Understand ES6 Module Import / Export
saved my life for my front end internship interview tomorrow. thank you bro
Best of luck!
oh men, I love it this what I am looking for!
or I can put that html file inside an ?
now, I am thinking about sourcing .gs code to <script src> is that possible?
hello, could I owload a BAS pdf ?
48:50 there was also a reset method on the Metro prototype.
Cool! I need to learn how to read :)
Wow! I learned so much more than what I'm looking for 😲 You're awesome! Please keep up this style of tutorials. Now i finally know how to utilize for documentation. Saves a lot of Google-ing
Awesome!
genius 🙏
Thanks Brother
I missed you!
Hello, I would like to do automatic SEO but I am not sure that my ideas are good, could you help me understand how to do it correctly? Could you help me understand what I could get if I use n8n and what I could get if I use BAS?
When to share new video???
When to share new video???
When to share new video???
When to share new video???
When to share new video???
Despite being vry long ago - FK I appreciate it when its 4 mins 30 vs a 4 day affair. Thanks.
Thank you! Learned something new :)
Hello can you help me? I got 2 error in console: 1. Unchecked runtime.lastError: The message port closed before a response was received 2. Third-party cookie will be blocked. Learn more in the Issues tab And when I debug acceptData Function there is info undefined My code below
<script> const basokaForm = document.getElementById("basoka-form") basokaForm.addEventListener("submit",submitData) function submitData(e){ e.preventDefault() console.log("Form Anda Telah Terkirim") console.log(this) google.script.run.acceptData(this) } </script>
function doGet() { const htmlService = HtmlService.createTemplateFromFile("index") const html = htmlService.evaluate().addMetaTag("viewport","width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no") return html } function acceptData(formData){ console.log(formData) }
Hello, this is my script <script> const basokaForm = document.getElementById("basoka-form") basokaForm.addEventListener("submit",submitData) function submitData(e){ e.preventDefault() console.log("Form Anda Telah Terkirim") console.log(this) google.script.run.acceptData(this) } </script> And this is my code.gs function doGet() { const htmlService = HtmlService.createTemplateFromFile("index") const html = htmlService.evaluate().addMetaTag("viewport","width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no") return html } function acceptData(formData){ console.log(formData) } But in when i check console i got 2 error: 1. Third-party cookie will be blocked. Learn more in the Issues tab 2. Unchecked runtime.lastError: The message port closed before a response was received And when i debug acceptData function there is info undefined Can you help me please?
Console logs don't seem to log the data like they used to previously for some reason. Try to add lines to add the data in the spreadsheet and see if you still get an error.
Thanks!
Thank You!
This is great! I am trying to run a bot in discord (midjourney) with starts with "/imagine". Using this script doesn't trigger the bot, it just treats it as a test. Any thoughts?
Curious- will a public folder for image assets be compiled if it is outside of the src folder with parcel
You have a gift for teaching. Great work, thank you.
That's some awesome Explanation, so basically we use props.children to just render Parents elements inside the child but without copying again and again 🐸
Dude you are brilliant
Goodnight! Unfortunately, debugging is line by line, in practice it doesn't work, what makes the difference is debugging from one checkpoint to the next checkpoint, imagine going through 100 lines debugging line by line, so debugging from one checkpoint to another is more efficient and unfortunately it doesn't.
Thanks, That was insightful. Can I ask you how to make this communication for onEdit Trigger? I want a return for each trigger and fetch it on client-side just like this video
23:00 Important note for anyone following this in May 2024, Parcel v2.12.0 requires a named import for React DOM in index.js. Your import statements at the top in `index.js` should look like this, otherwise when you run `npm start` you will not see anything in your browser window. import { createRoot } from "react-dom/client" import App from "./App"
Thank You!
I can't read the script...
If I copied and pasted 10 things into column A how would I get the code to post everything at once vs 1 at a time
Hello friend, I need this but send the messages with a command, how can I contact you?
How do I get it to “mention” a user
Thank you, very useful
Great topic
couldnt find out how to do this for like an hour. watched your video and got it in 5 minutes. youre a legend
Is there any kind of usage limit for this API? Can I use and request the google sheets info as many times as I want?
Great video! Thanks for the clear tutorial on using Google Apps Script with React JS and Router. It's really helpful to see this kind of integration in action. I'm curious, do you think similar functionality could be achieved using NextJS without SSR? Would love to see a tutorial on that if it's possible. Keep up the awesome work!
Great video! Thanks for the clear tutorial on using Google Apps Script with React JS and Router. It's really helpful to see this kind of integration in action. I'm curious, do you think similar functionality could be achieved using NextJS without SSR? Would love to see a tutorial on that if it's possible. Keep up the awesome work!
Excellent tutorial!!! Congratulations! Could you make a tutorial using VITE JS? 👏👏👏👏
why this is asking delete spreadsheet permissions in the prompt ?
nice, this is awesome. thank you! i recreate the script code to add series and make it dual Y-axis stacked column chart, tests are fine for positive numbers, but problem arise when one of the data becomes negative, both left and right Y-axis is not aligning to zero and the graph is very weird. i'm finding solutions for that, i tried setting up the min value for these vAxis.minValue, vAxis.viewWindowMode, vAxes and vAxis but i can't make it work.
Goood
thx. Please also post source code on tutorials
just spent lots of time todaydoing the same with astro js appscript template generator, here is my astro config if someone want to try => import { defineConfig } from "astro/config"; import fs from "fs"; import path from "path"; export default defineConfig({ trailingSlash: "always", output: "static", build: { format: "file", redirects: true, inlineStylesheets: "always", client: "./thefolderofyourprojectwillbuild", }, onAfterBuild() { // Function to find the JavaScript file in the dist directory function findJsFile(directory) { const files = fs.readdirSync(directory); for (const file of files) { if (file.endsWith(".js") && file.startsWith("everything")) { return path.join(directory, file); } } return null; } // Function to find the CSS file in the dist directory function findCssFile(directory) { const files = fs.readdirSync(directory); for (const file of files) { if (file.endsWith(".css")) { return path.join(directory, file); } } return null; } // Read the bundled JavaScript file const jsDirectory = "./dist/_astro"; // Update this path according to your setup const jsFilePath = findJsFile(jsDirectory); if (!jsFilePath) { console.error("Failed to find the JavaScript file."); process.exit(1); } const jsContent = fs.readFileSync(jsFilePath, "utf8"); // Read the CSS file (if it exists) const cssDirectory = "./dist/_astro"; // Update this path according to your setup const cssFilePath = findCssFile(cssDirectory); const cssContent = cssFilePath ? fs.readFileSync(cssFilePath, "utf8") : ""; // Read the index.html file let indexContent = fs.readFileSync("./dist/index.html", "utf8"); // Update this path according to your setup // Replace placeholders with actual content indexContent = indexContent.replace( "<!-- {{JS_CONTENT}} -->", `<script>${jsContent}</script>` ); indexContent = indexContent.replace( "<!-- {{CSS_CONTENT}} -->", `<style>${cssContent}</style>` ); // Write the updated content back to index.html fs.writeFileSync("./dist/index.html", indexContent, "utf8"); // Update this path according to your setup }, });
Brilliant Man! Thank you
Great tutorial! How can i make adependent dropdown with metro ui?
tysm
if someone have new line even without /n just put \"$1\" where your "$1" was
thank you, that works for me