Jad Joubran
Jad Joubran
  • Видео 52
  • Просмотров 580 512
Gemini AI Web Course: AI Studio and prompt engineering (3)
Part 3. Follow the course and its updates on learnjavascript.online/ai/gemini/
In the final video, we create and test our prompt and hook it up to our app to implement the predictive support functionality.
0:00 Intro
0:24 Prompt engineering
4:27 Using the prompt
5:52 Prompt injection
6:55 Finalising the project
7:47 Recap and outro
Просмотров: 265

Видео

Gemini AI Web Course: API Key and JS SDK (2)
Просмотров 3094 месяца назад
Part 2. Follow the course and its updates on learnjavascript.online/ai/gemini/ This second video shows how to send a basic prompt to the Gemini API and to use streams if we expect longer responses. 0:00 Intro 0:27 Installing Gemini SDK 1:05 Using the Gemini AI SDK 1:54 Basic response 3:30 Streaming responses 4:44 Recap and next steps
Gemini AI Web Course: Setup (1)
Просмотров 3804 месяца назад
Part 1. Follow the course and its updates on learnjavascript.online/ai/gemini/ Get started with the Gemini AI API using the JavaScript SDK. This first video introduces the course, project template, and final result. We will learn how to create a Gemini API key and discuss restricting the API key and keeping it safe. Pre-requisites: - Basic command line experience (git and npm). - Beginner to in...
The dialog element is awesome!
Просмотров 1,2 тыс.Год назад
⭐️ learnhtmlcss.online/? ⭐️ learnjavascript.online/? ⭐️ learnprogramming.online/? ⭐️ react-tutorial.app/? Adam Argyle's: build a dialog component: web.dev/building-a-dialog-component/ The `dialog` HTML element makes it easier than ever to create modal and non-modal dialogs. This video explains the challenges we faced before this element. Then we discuss the differences between modal and non-mo...
Lit styles
Просмотров 841Год назад
learnjavascript.online/? react-tutorail.app/? learnprogramming.online/? learnhtmlcss.online/? This video explains the different possibilities for using styles with Lit elements. We discuss what you can do if you want to use Bootstrap or Tailwind and what the best approach generally is. [Bg music verification A5G0L0E78NNFIAXM]
Build a Web Share API web component with Lit
Просмотров 1,7 тыс.2 года назад
JavaScript Knowledge Map: learnjavascript.online/knowledge-map.html Other courses: react-tutorial.app/? learnprogramming.online/? learnhtmlcss.online/? This is a tutorial video that uses Lit to create a Web Component around the Web Share API that has a fallback for devices that do not support this Web API. The fallback will use an existing component to open a modal and display social sharing ic...
Modern Lit tutorial
Просмотров 13 тыс.2 года назад
learnjavascript.online/? react-tutorial.app/? learnprogramming.online/? learnhtmlcss.online/? This video introduces Web Components: - why you may want to use them - what are their benefits - what role they play in larger apps with other web libraries/frameworks (such as Angular, Vue, React, or Svelte) Then, well move into learning about Lit (lit.dev). We'll learn how to create a basic web compo...
Array reduce explained
Просмотров 3,3 тыс.3 года назад
learnprogramming.online/? learnjavascript.online/? react-tutorial.app/? Array reduce is usually tricky to understand. However, once you start with simple use cases such as sum and multiplication, it should be easier to understand. In this video we break down these two use cases then we talk about more complicated use cases. Code: QAUR6VUMITGCJGMW
Nullish coalescing in JavaScript (?? operator)
Просмотров 5983 года назад
Interactive online courses 👉 Learn JavaScript learnjavascript.online/? 👉 React Tutorial react-tutorial.app/? 👉 Learn Programming learnprogramming.online/? Rewatch the optional chaining video: ruclips.net/video/1-zoiov4198/видео.html This video explains how you can use nullish coalescing in your every day life! We also combine it with optional chaining which was explained in the previous video! ...
Optional chaining in JavaScript
Просмотров 7133 года назад
Interactive online courses 👉 Learn JavaScript learnjavascript.online/? 👉 Learn Programming learnprogramming.online/? 👉 React Tutorial react-tutorial.app/? Learn about the optional chaining operator in JavaScript.
Why do we use module bundlers to serve our projects?
Просмотров 1,8 тыс.3 года назад
👉 learnjavascript.online/? 👉 react-tutorial.app/? 👉 learnprogramming.online/? Why do we use module bundlers (webpack, parcel) to serve our front-end & javascript projects? Why can't we just drag and drop our index.html file into the browser? Should you use script or script type module? All of these questions will be answered in this video!
Learn programming faster: make these mistakes.
Просмотров 3,4 тыс.3 года назад
👉 learnjavascript.online/? 👉 react-tutorial.app/? 👉 learnprogramming.online/? Do you want to learn programming faster? There's a cycle that you should follow when learning programming if you want to learn more efficiently. Discover in this video how this cycle will make it more efficient to advance in your programming journey. It's not about the total number of hours but it's about following a ...
Implement dark mode in CSS
Просмотров 2 тыс.3 года назад
👉 Learn JavaScript learnjavascript.online/? 👉 React Tutorial react-tutorial.app/? 👉 Learn Programming (for beginners) learnprogramming.online/? Learn how to implement Dark Mode for your website using the least amount of JavaScript possible. We're going to use the new CSS prefers-color-scheme to detect the user's Operating System theme preference. This video focuses on efficiently creating a dar...
7 editor & dev tool tricks that you need to know
Просмотров 8654 года назад
Check out my courses: learnjavascript.online/? learnprogramming.online/? react-tutorial.app/? We use dev tools and our text editor every day. Learn these 7 tricks that will speed up your development workflow.
How to learn JavaScript: 7 tips from my 10 year journey
Просмотров 52 тыс.4 года назад
Learn Programming learnprogramming.online/? Learn JavaScript learnjavascript.online/? React Tutorial react-tutorial.app/? Learn HTML CSS: https//learnhtmlcss.online/? This video will save you time and effort when learning JavaScript! Follow these tips to be more efficient. Chapters: 0:00 Intro 0:10 Tip #1 1:23 Tip #2 3:38 Tip #3 4:42 Tip #4 5:44 Tip #5 6:12 Tip #6 7:09 Tip #7 7:50 Closing notes
Instant search in JavaScript ⚡️
Просмотров 4,1 тыс.4 года назад
Instant search in JavaScript ⚡️
Build a JavaScript calendar in 15 minutes
Просмотров 113 тыс.4 года назад
Build a JavaScript calendar in 15 minutes
Sing a song with the JavaScript Speech Synthesis API using async/await
Просмотров 4,2 тыс.4 года назад
Sing a song with the JavaScript Speech Synthesis API using async/await
Track your location with the JavaScript Geolocation API
Просмотров 43 тыс.4 года назад
Track your location with the JavaScript Geolocation API
Build a coronavirus map with fetch & mapbox
Просмотров 34 тыс.4 года назад
Build a coronavirus map with fetch & mapbox
Quicktip ✨Format currencies with toLocaleString
Просмотров 5 тыс.5 лет назад
Quicktip ✨Format currencies with toLocaleString
Dynamic imports
Просмотров 8 тыс.5 лет назад
Dynamic imports
Quicktip ✨ Animations Dev Tools
Просмотров 9605 лет назад
Quicktip ✨ Animations Dev Tools
Quicktip ✨ Firefox Dev Tools for layout
Просмотров 2,2 тыс.5 лет назад
Quicktip ✨ Firefox Dev Tools for layout
Quicktip ✨ CSS Variables for colors
Просмотров 2,3 тыс.5 лет назад
Quicktip ✨ CSS Variables for colors
lit-element
Просмотров 4,8 тыс.5 лет назад
lit-element
lit-html 🔥
Просмотров 7 тыс.5 лет назад
lit-html 🔥
Intro to Web Components
Просмотров 15 тыс.5 лет назад
Intro to Web Components
What the Squoosh? (Feat. special guest)
Просмотров 1,2 тыс.5 лет назад
What the Squoosh? (Feat. special guest)
PWA series #7: Web App Manifest
Просмотров 7 тыс.5 лет назад
PWA series #7: Web App Manifest

Комментарии

  • @rohitrawat2071
    @rohitrawat2071 28 дней назад

    Hi Mate , i have started your javascript courses and i love itt!! I want the full course of react can you please help me to learn react as i am student and cant have sources to afford the course :(

  • @theblueplanet3576
    @theblueplanet3576 Месяц назад

    What will be the interval every time the geo location event is received?

  • @christianovancleave6364
    @christianovancleave6364 Месяц назад

    Finally 😢

  • @jimmymoore5210
    @jimmymoore5210 3 месяца назад

    Great video! Your example at 2:52 is close but incorrect. The CPU would raise an exception trying to convert the virtual memory address associated with `readCharacter(1000)` as the permission bit would indicate that it is trying to access restricted memory so secret is never cached like you state in the video. Instead what would be correct is if you speculatively execute some array access after like `probe_array[4096 * secret]` (Assuming 4096 byte pages) which would then correctly cache the data associated with that array. There are other reasons for indexing into an array which deal with the hardware prefetcher caching adjacent lines of memory if they are not spread out enough. Then you can go through `probe_array` with flush+reload and look for the page access with the fastest time. I do think your explanation provides utility to those that haven't read the paper however because it demonstrates the concept of the cache as a side channel used in the attack and the attack mentioned in the paper can be hard to wrap your head around the first time you read through. Well done on this video!

  • @cmgbfbmp
    @cmgbfbmp 3 месяца назад

    what strikes me most about this number is gangnam style has this amount of views not even an hour of being posted and not a single person has ever looked into it. ever!

  • @MaryMary-sh5ge
    @MaryMary-sh5ge 4 месяца назад

    Ha già colpito la mia password ufffffffffv

  • @timomcgeer
    @timomcgeer 4 месяца назад

    Thanks for the content! 🙌 Hope you enjoyed San Fran :)

    • @JadJoubran
      @JadJoubran 4 месяца назад

      Thank you! It was surprisingly cold and grey 😅

  • @nateg617
    @nateg617 4 месяца назад

    Great video !

  • @nezzysan
    @nezzysan 5 месяцев назад

    Was wondering why the maximum amount of damage shown in a few games ive played was -2.147b or 2.147b its such a weird number i figured it had something to do with computers

  • @alexszucs3660
    @alexszucs3660 5 месяцев назад

    If you see this number in database, change type: INT --> BIGINT

  • @ronielyncataluna175
    @ronielyncataluna175 5 месяцев назад

    I just started learning to code again after a decade. Your course and videos really help me a lot in this journey. Hoping to see more from you.

    • @JadJoubran
      @JadJoubran 5 месяцев назад

      Thank you! Good luck on your journey!

  • @KorhalKk
    @KorhalKk 6 месяцев назад

    The code is nice, but this copying and pasting of coordinates seem to be a little counterproductive, shouldn't we automate it?

  • @aeebeecee3737
    @aeebeecee3737 7 месяцев назад

    Question: now day we’re using virtual memory, the memory space is isolated each other, How can spectre meltdown load memory space that not belong to its? Or if is spectre meltdown must be a injection to access it, But if it is an injection that can access memory directly, why should it use the bug of speculative execution to do so? Could any one explain to me?

  • @ms.crawford1335
    @ms.crawford1335 7 месяцев назад

    So cool ,thanks

  • @brianestrada5128
    @brianestrada5128 8 месяцев назад

    Thanks Jad! Super helpful! Shame on me for forgetting there is a section on this in your course I finished!😅

  • @likelyja
    @likelyja 8 месяцев назад

    Have you worked with LIT + Accessibility and how to work with Shadow? We have used Stencil and had issues with shadow and accessing ID's for aria and other accessibility challenges. Do you know of any good resources or tips on how Lion was able to work with Shadow and be accessible? Any tips would be greatly appreciated. Your video was a nice intro to LIT. We are looking to switch from Stencil to LIT. Stencil offers shadow being on or off but my understanding it LIT is just shadow.

  • @noahwolff2268
    @noahwolff2268 8 месяцев назад

    You’re about to save me on my CSE 325 final 😂

  • @user-yy8cd3og8c
    @user-yy8cd3og8c 8 месяцев назад

    where is the link to your project?

  • @benjistokman
    @benjistokman 9 месяцев назад

    This is literally incorrect

  • @tyrantula767
    @tyrantula767 9 месяцев назад

    Thank you! I’ve purchased the Html & Css course as well as the JavaScript course and they’re the best courses out! I definitely plan on getting the React course next.

  • @aram69420
    @aram69420 11 месяцев назад

    What are some prerequisite to understand this video?

  • @jcruz6888
    @jcruz6888 11 месяцев назад

    OK JAD

  • @MmmMmmGood17
    @MmmMmmGood17 Год назад

    Nice video! I’m starting on my Lit journey coming from react and angular world. Are there any component libraries for Lit (or web component library) that you would recommend? Same with design systems?

    • @JadJoubran
      @JadJoubran Год назад

      Material Web Components (material-web.dev/) and lion-web.netlify.app/

  • @HosseinOjvar
    @HosseinOjvar Год назад

    Such a lovely cat ;) Thanks for this introduction

  • @ChrisAthanas
    @ChrisAthanas Год назад

    No source code available?

  • @ChrisAthanas
    @ChrisAthanas Год назад

    @7:51 you conflate property and attribute, and its important to know the difference when using web components, and beginners have a tough time with this, so its important to use the correct terms.

  • @wildweasel3001
    @wildweasel3001 Год назад

    Nope, not spectre. There is a new one 😂

  • @justinevanhees6257
    @justinevanhees6257 Год назад

    Where’s your cat?

  • @justinevanhees6257
    @justinevanhees6257 Год назад

    Thank you very much!

  • @mohammedkhadeeruddin6287
    @mohammedkhadeeruddin6287 Год назад

    What if we are using external gps tracking device which uses SIMCARD within it and want to connect it within our own Map in application...may do I know,how can we code for this.

  • @dng6095
    @dng6095 Год назад

    I am eagerly waiting for the stacking context (z index) video as mentioned in the HTML course. That particular topic is quite confusing for me. I bought all your courses, it's amazing. Learned so much in last 6 months from your courses.

    • @JadJoubran
      @JadJoubran Год назад

      Thank you! That's great to hear! If you want, you can watch this presentation in the meantime ruclips.net/video/W8yF76MUHB4/видео.html ;)

  • @vsme2150
    @vsme2150 Год назад

    thank you so much for this !

  • @ryo_5748
    @ryo_5748 Год назад

    Your T-shirt is nice.

  • @betoreina
    @betoreina Год назад

    Amazing video, very clear and helpful!

  • @spyrosp
    @spyrosp Год назад

    Welcome back sir 😀

  • @mike_mad2803
    @mike_mad2803 Год назад

    Came for the tutorial. stayed for the mischievous orange kitty

  • @brandonluna8245
    @brandonluna8245 Год назад

    thanks you so much broder!

  • @marcelapetroli7042
    @marcelapetroli7042 Год назад

    Best video I've seen about introduction to Lit! The way you explain is amazing, simple and straight to the point :D Hope your channel keeps growing! We need your content 😀

  • @user-xb8uq9yc2y
    @user-xb8uq9yc2y Год назад

    is it still in the JS course? I wonder if I haven't arrived to it yet.

  • @alexandergerhardt8046
    @alexandergerhardt8046 Год назад

    Hey want to give cudos to your course. The interactive challenges provide so much more value than mindlessly following a tutorial or lesson. This is the 3rd Js course I've purchased and the only one that delivered real value. Very tempted to buy the react course next even after purchasing Josh Comeau's Joy of React course.

    • @JadJoubran
      @JadJoubran Год назад

      Thank you so much Alexander, glad to hear that it worked for you! As for React, I would recommend you build stuff rather than staying in tutorial hell ;) Also, if you've joined the GitHub discussions for the Learn JavaScript course, maybe you want to give the Pair Programming Challenge a try! (it's a pinned discussion)

  • @shyamvyas3327
    @shyamvyas3327 Год назад

    My coordinates were not very accurate and some locations were from the other side of the street, causing the map to create false circular routes. How to correct this.