![Jad Joubran](/img/default-banner.jpg)
- Видео 52
- Просмотров 580 512
Jad Joubran
Нидерланды
Добавлен 17 янв 2016
Modern JavaScript videos & tutorials.
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
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
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
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
What the Squoosh? (Feat. special guest)
Просмотров 1,2 тыс.5 лет назад
What the Squoosh? (Feat. special guest)
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 :(
What will be the interval every time the geo location event is received?
Finally 😢
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!
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!
Ha già colpito la mia password ufffffffffv
Thanks for the content! 🙌 Hope you enjoyed San Fran :)
Thank you! It was surprisingly cold and grey 😅
Great video !
Thanks Nate!
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
If you see this number in database, change type: INT --> BIGINT
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.
Thank you! Good luck on your journey!
The code is nice, but this copying and pasting of coordinates seem to be a little counterproductive, shouldn't we automate it?
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?
So cool ,thanks
Thanks Jad! Super helpful! Shame on me for forgetting there is a section on this in your course I finished!😅
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.
You’re about to save me on my CSE 325 final 😂
where is the link to your project?
This is literally incorrect
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.
What are some prerequisite to understand this video?
OK JAD
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?
Material Web Components (material-web.dev/) and lion-web.netlify.app/
Such a lovely cat ;) Thanks for this introduction
No source code available?
@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.
Nope, not spectre. There is a new one 😂
Where’s your cat?
Thank you very much!
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.
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.
Thank you! That's great to hear! If you want, you can watch this presentation in the meantime ruclips.net/video/W8yF76MUHB4/видео.html ;)
thank you so much for this !
Your T-shirt is nice.
Thanks!
Amazing video, very clear and helpful!
Thanks Robert!
Welcome back sir 😀
Came for the tutorial. stayed for the mischievous orange kitty
thanks you so much broder!
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 😀
is it still in the JS course? I wonder if I haven't arrived to it yet.
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.
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)
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.