Daweb Schools • Learn to code today!
Daweb Schools • Learn to code today!
  • 60
  • 105 119
Use Gemini API in React With Vertex AI & Firebase
Learn how to securely integrate Gemini into your web apps with Vertex AI and Firebase! Add Gen AI to your projects!
Link for the source code: github.com/ivanlourencogomes/vertex-ai-firebase-gemini
The Complete Gen AI Course for Web Apps is COMING SOON! Subscribe to know when it's published.
Get my Complete React JS Course for Beginners for $12.99 only using the link below:
dawebschools.com/course/react-complete-redux-typescript-firebase
Instructor: Ivan Lourenço Gomes
Chapters
00:00:00 Intro
00:00:55 Setting Up the React Project
00:02:09 Creating a New Firebase Project
00:03:49 Setting up a Billing Account in Google Cloud
00:05:51 Vertex AI Integration
00:08:10 Testing the Implementation
00:09:43 Ending
Переглядів: 230

Відео

Soft Skills that Make you a Better Web Developer
Переглядів 10121 день тому
Success as a #webdeveloper isn’t only about your #coding skills. In this video I will dive into some important #softskills that will make you a better #developer Things like #communication #adaptability #timemanagement and #initiative can help in the long run. These will make you a better developer and also help you if you plan on having a #leadership role one day. Chapters 00:00:00 Intro 00:00...
Build a Chatbot with Gemini API using HTML, CSS & JavaScript only
Переглядів 1,7 тис.Місяць тому
In this video you will learn how to integrate #generativeai into Web Apps using the #gemini #javascript SDK. We are going to build a #chatbot using #html #css and #javascript CHECK OUT MY COMPLETE WEB DEVELOPMENT COURSE FOR $12.99 ONLY: dawebschools.com/course/complete-webdeveloper-bootcamps Resources: • Complete Project • Starter Version with HTML & CSS Only • Send & Chat Icons Find them all h...
Vue JS with Composition API & Pinia Full Tutorial
Переглядів 8892 місяці тому
#Vuejs #CompositionAPI #Pinia #statemanagement BEFORE YOU START: 1. Download the code for the initial version: github.com/Daweb-Schools/vue-composition-pinia-youtube (If you're not familiar with Git, just click the "Code" button and download the Zip file) 2. Install vite on your machine by typing in the terminal: npm install vite -g 3. Open the project's folder on VS Code, start a new terminal ...
Complete React JS Course With Redux, TypeScript & Firebase
Переглядів 7 тис.3 місяці тому
GET THE FULL COURSE TODAY and start your journey as a modern FRONT END WEB DEVELOPER: dawebschools.com/course/react-complete-redux-typescript-firebase What's included: • Complete REACT JS: Beginner to Advanced • Modern React with Hooks & Function Components • Context API & Reducers • State Management with REDUX Toolkit for Large Scale Applications • Routing with REACT ROUTER • FIREBASE Integrat...
AI Won’t Steal Your Job, But AI Anxiety Might
Переглядів 9643 місяці тому
In this video, I dive into the growing concern of AI anxiety-the fear that artificial intelligence will disrupt our careers and futures. Drawing from my own experiences, I share three key insights on how to navigate these changes without losing hope or direction. Learn why AI isn't the real threat and how to stay ahead by focusing on personal growth and adaptability. Let me know in the comments...
HTML CSS & JS Project: Build a Fitness Calculator
Переглядів 7214 місяці тому
Build an #html #css #javascript project, from the ground up! #programming #coding #codinglife Link for the Figma Design: www.figma.com/proto/yqLSsAhjRchW9tA0C9XUkF/Fitness-Calculator?node-id=0-1&t=apiR1BHmHoUrl2Pf-1 Link for the final project: github.com/Daweb-Schools/fitness-calculator Check out my complete Web Design Course with 40 hours of exclusive content: www.udemy.com/course/get-started-...
Answering Programming Questions From Quora
Переглядів 1504 місяці тому
Let's see what people are asking about #programming on quora! #programminglife #programminglanguages #programmers #coding Chapters: 00:00:00 Intro: Answering Programming Questions From Quora 00:00:11 What is a coder's worst nightmare? 00:00:43 What is a programmer's life like? 00:01:03 What is the best way to become a great programmer? 00:01:24 Will ChatGPT replace programmers? 00:02:18 Why do ...
How the Internet Works: Understand Servers, DNS, IP Addresses, Hosting & Websites
Переглядів 2884 місяці тому
In this video you will learn how the web works! We'll break down the fundamental concepts of web development, including servers, clients, DNS, IP addresses, and the core technologies of HTML, CSS, and JavaScript. Learn how these elements interact to create the websites you use every day. Got questions? Leave a comment below, and we'll help you understand the building blocks of the internet. Don...
How I Lost 10 Years of my Programmer Career
Переглядів 2,4 тис.7 місяців тому
Make sure you don't make the same mistakes I made! This is how I lost 10 years of experience in Programming & Web Development. Are you struggling to learn to code and need some motivation? Leave your comments below and let's talk!
Deploy React & Vue JS Apps with Firebase - Code With Me Ep. 003
Переглядів 2878 місяців тому
In this series we will build cool Projects together using the latest Front End Web Development technologies! CHAPTERS: 00:00:00 Intro 00:01:27 Create the Firebase Project 00:02:45 Set-up the Firebase Hosting 00:06:13 Build the React or Vue Js Application 00:06:58 Change the Default Public Folder 00:07:43 Deploying to Firebase 00:08:29 Making Changes & Deploying Them 00:09:08 Ending #CodeWithMe ...
REACT JS Project For Beginners - Build a Stopwatch - Code With Me Ep.# 002
Переглядів 6828 місяців тому
REACT JS Project For Beginners - Build a Stopwatch - Code With Me Ep.# 002
HTML & CSS Project For Beginners - Code With Me Ep.#001
Переглядів 6058 місяців тому
HTML & CSS Project For Beginners - Code With Me Ep.#001
CSS MODULES IN REACT JS - FULL TUTORIAL + TIPS - Avoid Class Conflicts
Переглядів 1,2 тис.10 місяців тому
CSS MODULES IN REACT JS - FULL TUTORIAL TIPS - Avoid Class Conflicts
LEARN GITHUB TODAY: Full Git / Github Basics Tutorial
Переглядів 36010 місяців тому
LEARN GITHUB TODAY: Full Git / Github Basics Tutorial
THE HTML5 PICTURE ELEMENT for Responsive Images
Переглядів 21410 місяців тому
THE HTML5 PICTURE ELEMENT for Responsive Images
CSS NESTING IS NOW NATIVE! 2024 UPDATE
Переглядів 1,1 тис.10 місяців тому
CSS NESTING IS NOW NATIVE! 2024 UPDATE
The Pure CSS Effect Every Developer Should Know | Full Tutorial
Переглядів 49511 місяців тому
The Pure CSS Effect Every Developer Should Know | Full Tutorial
How to Work With PAGE CONTAINERS in HTML & CSS: Step-By-Step Guide
Переглядів 20 тис.11 місяців тому
How to Work With PAGE CONTAINERS in HTML & CSS: Step-By-Step Guide
Make Animated Backgrounds Easily with CSS Only
Переглядів 3,2 тис.11 місяців тому
Make Animated Backgrounds Easily with CSS Only
Learn GIT Today - Full Beginner Course
Переглядів 1,1 тис.Рік тому
Learn GIT Today - Full Beginner Course
TYPESCRIPT + REACT Project: Quiz Game with API Data Fetch
Переглядів 1,4 тис.Рік тому
TYPESCRIPT REACT Project: Quiz Game with API Data Fetch
React JS for Beginners - Learn it in 20 Minutes
Переглядів 1 тис.Рік тому
React JS for Beginners - Learn it in 20 Minutes
CSS VARIABLES Explained | Step-By-Step Guide
Переглядів 190Рік тому
CSS VARIABLES Explained | Step-By-Step Guide
How to Play Sounds in React JS
Переглядів 6 тис.Рік тому
How to Play Sounds in React JS
Learn TypeScript By Completing a Cool Beginner Project
Переглядів 512Рік тому
Learn TypeScript By Completing a Cool Beginner Project
TYPESCRIPT In Under 2 Hours [Full Course]
Переглядів 998Рік тому
TYPESCRIPT In Under 2 Hours [Full Course]
User Authentication with React & Firebase: Full Tutorial
Переглядів 13 тис.Рік тому
User Authentication with React & Firebase: Full Tutorial
Learn Javascript In Under 2 Hours - Free Course
Переглядів 659Рік тому
Learn Javascript In Under 2 Hours - Free Course
TAILWIND CSS FOR BEGINNERS [Full Tutorial with Code]
Переглядів 5722 роки тому
TAILWIND CSS FOR BEGINNERS [Full Tutorial with Code]

КОМЕНТАРІ

  • @WSK-27
    @WSK-27 7 днів тому

    simple and perfect👌

  • @shivanshupathak8702
    @shivanshupathak8702 11 днів тому

    Impressive!

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

    Thank you, Ivan, I finished the project and made modifications according to my needs ! I shared my work on my linkedin profile, I hope to get the attention of recruiters, again, a big thank's !... After finishing this project, I noticed that my API is visible on the front end side, and I don't know how to hide it, cause I don't have the habit to work with Node.Js. I really tried, a lot (with dotenv) ! stil not working..., it would be great if you can make a video about how to hide an API ! Many thank's !!!

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

    Fantastic content

  • @seoenjoycreativ
    @seoenjoycreativ 28 днів тому

    Thank you so much for this very great tutorial!

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

    source code link is dead pls do something

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

      Sorry! Find it here: github.com/Daweb-Schools/vue-pizza-app-youtube

  • @MALIKFarooq-b7o
    @MALIKFarooq-b7o Місяць тому

    Bro this vedio is very usefull for me ♥️ Thansk bro making this vedio

  • @tonystark-qz6bx
    @tonystark-qz6bx Місяць тому

    hi mr Ivan. i have your course and also question. Can we use other language for Training the Model with the Business Information

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

      Yes, but why would you need to do that? Can you explain a bit more what you’re trying to achieve?

    • @tonystark-qz6bx
      @tonystark-qz6bx Місяць тому

      @dawebschools because my native language is same

    • @tonystark-qz6bx
      @tonystark-qz6bx Місяць тому

      @dawebschools i trying to make my personal virtual support for business

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

      @@tonystark-qz6bx you can use the Gemini API with other languages, like Python or Go. Check the documentation on ai.google.dev for more information.

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

    This was extremely helpful! Understood the fundamentals. Thanks so much.

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

    the codesource on github isn't the same as the one in the video. for example in github there isn't the login logic

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

      Hi, the github project is the initial version. The login logic is what we do during this video.

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

    Hello, I am interested in the project you created and it is very useful for me. I happen to want to create an AI chatbot like this but there is a new feature that I want to add, namely integration with the Google Maps API, I want to create a chatbot that is concentrated for users looking for tourist attraction recommendations. which the user will then write down for tourist attraction recommendations and the output will show the tourist attraction that best suits the request. with the project in this video, in the script code which parts should I change and add to build my project. Thank You

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

      Hi! That sounds interesting! I believe you only have to change the business information. Change the content of that variable explaining that you are a tourist advisor, that the bot should ask the user which city he/she is interested in and the bot should suggest tourist attractions. I believe it should work fine. If you want to add links and recent information about the attractions, then you should take a look at this article about grounding: ai.google.dev/gemini-api/docs/grounding?lang=python

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

      @dawebschools wow, thanks for Your information

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

      @@dawebschools is there a video to implement it, I don't understand how

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

    its a wonderful content but the ai model doesnt respond when where send a message through the chat assisant - it prints the error msg like "The message could not be sent. Please try again." what can i doo

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

      Hi Magesh, inside the catch block, add a console.log(error) and check what is your specific error. Paste it here and also your code (without the API key) so I can take a look.

  • @alan-overthenet
    @alan-overthenet Місяць тому

    Thanks a lot Ivan, I appreciate the content. This will be useful for me, once I get super good at Rust and Django. Don't ask why :o!

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

    Honestly I'm starting to watch this video just now and I need to get my mind off of AI because yes I do have a little bit of AI anxiety and I'm just not an AI person even though I do use technology

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

      You’ll be fine! Just get involved without worrying too much about it.

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

      ​@@dawebschoolsit really did help when you said that but can you help me understand what that exactly means

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

      @@haydenweaver8871 what I mean is that it's clear that AI is here to stay, so we should always be researching its latest tools and understanding how does it affect our work and how can we remain relevant in the workplace. But we should do it without fearing everything will change overnight, because like I said, these changes take time and everyone is experiencing them together.

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

      @@dawebschools thanks for helping me understand that I just needed to understand what it meant because I process things slowly and that is because I have a disability and even though AI is here to stay we should be cautious on how we use it and you are right so thank you for helping me understand

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

    what is your font name and themes pls

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

    very nice explanation. looking forward to code something with vue.js

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

    the source code link is dead

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

      Sorry, find the updated link here: github.com/Daweb-Schools/vue-pizza-app-youtube

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

    Great tutorial 👏 thank you so much

  • @HendriEkasatria-rq4of
    @HendriEkasatria-rq4of 2 місяці тому

    Thanks ivan. Your words motivated me much to learn web dev seroiusly

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

      Happy to hear that! Please don’t wait so much time like I did!

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

    What a great message

  • @sam-j4zy
    @sam-j4zy 3 місяці тому

    thanks sir, just what i am looking forward to.

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

    Clear explanation! Good job!

  • @alan-overthenet
    @alan-overthenet 3 місяці тому

    Hi Ivan, I like your teaching and courses, but starting with pre-written code doesn't work for me. I understand why you take this approach, but I don't learn this way.

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

    If I had a cent for each blink, I would be a millionare

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

    Much needed video ❤ Cheers Sir😊

  • @MalaikaAmir-i3l
    @MalaikaAmir-i3l 3 місяці тому

    thanx alot this video is proven to be very helpful for specially begineers

  • @abhishekpal1188
    @abhishekpal1188 4 місяці тому

    I watched many tutorial but this is awesome

  • @Anandhu-b7u
    @Anandhu-b7u 4 місяці тому

    thanks for your such a nice explanation

  • @timmyjonesNkumehfx
    @timmyjonesNkumehfx 4 місяці тому

    Awesome

  • @laithhabashuae
    @laithhabashuae 4 місяці тому

    When I log in, it says this "Uncaught (in promise) Error: [Immer] Immer only supports setting array indices and the 'length' property" How to fix that?

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

      Hey, please post your code on github if you'd like me to take a look.

  • @KavyanshKhaitan
    @KavyanshKhaitan 4 місяці тому

    Nice video bro! Didn't even realise that you are not a youtuber with hundreds of thousands of subs!

    • @KavyanshKhaitan
      @KavyanshKhaitan 4 місяці тому

      You just earned yourself a sub.

    • @dawebschools
      @dawebschools 4 місяці тому

      Thanks a lot for your feedback! I’m struggling a bit to get traction here on UA-cam, but I will keep working hard!

  • @wesmorgan8082
    @wesmorgan8082 4 місяці тому

    That is true. Also chat is often wrong on even simple functions, and simply can't do better, whereas humans can use other resources and solve the problem.

    • @dawebschools
      @dawebschools 4 місяці тому

      Exactly! Sure it will evolve, but at this moment it’s not reliable enough.

  • @ivangerginov5648
    @ivangerginov5648 4 місяці тому

    Nice one, those were some cool questions and answers

  • @hwesanim2598
    @hwesanim2598 4 місяці тому

    Thanks❤

  • @VictorTemitope-p6u
    @VictorTemitope-p6u 4 місяці тому

    This is a nice video from You! are you available for a brief Business discussion regarding your course on Udemy

  • @leo_dipp
    @leo_dipp 4 місяці тому

    Nice video! Basics are important... Many times we are stuck with some issue because we have forgotten about the basics.

    • @dawebschools
      @dawebschools 4 місяці тому

      Yes! Especially beginners who usually learn quickly how to do a website on a local environment, but don’t understand how it works when it goes live.

  • @gabrielmatos971
    @gabrielmatos971 5 місяців тому

    Hi Ivan, its awesome seeing where you got with your own hands and merit! You are an inspiration to me! Do you mind telling us what were your plans when you moved abroad without a job offer in hand? I mean, did you travel to Europe to do a exchange program or something similar and then things started to happen? Pergunta de um conterrâneo Brasileiro. Rsrs

    • @dawebschools
      @dawebschools 5 місяців тому

      Thank you so much, Gabriel! ; - ) Eu saí do Brasil principalmente por causa da violência. Eu não tinha um plano definido, o que é longe de ser o ideal, mas acabou dando tudo certo! O mercado de tecnologia já estava começando a ficar muito bom aqui naquela época, então foi rápido para conseguir trabalho e me estabilizar.

  • @mahabubazam5533
    @mahabubazam5533 5 місяців тому

    Thanks for shareing an awesome tutorial.

  • @proflead
    @proflead 5 місяців тому

    Right to the point!

  • @KennyHolmes-g9o
    @KennyHolmes-g9o 5 місяців тому

    Very informative. Probably one of the best explained programming video series that I have watched.

  • @Nuraddinhassan
    @Nuraddinhassan 5 місяців тому

    thanks, alot. your explnation is really amazing, every sentence you said is helpful. 💙💙💙💙💙💙💙

    • @dawebschools
      @dawebschools 5 місяців тому

      You're very welcome! Thanks for your feedback

  • @gaming_with_raza7867
    @gaming_with_raza7867 5 місяців тому

    Cool your Content is Too Awesome

  • @scott-richardson
    @scott-richardson 6 місяців тому

    You can do this without nesting container divs inside other divs. Simply apply a 4% padding to the outer div and don't bother with the inner div.

  • @jasurhaydarovcode
    @jasurhaydarovcode 6 місяців тому

    thanks

  • @lambmaster
    @lambmaster 6 місяців тому

    What threshold of browser support would you wait for until you adopt new CSS features in general (not just nesting)? It's about 88% now, but you alluded to waiting until 100% adoption?

    • @dawebschools
      @dawebschools 6 місяців тому

      I would wait until 98% to be safe but this depends on your audience. In Google Analytics you can see the browsers used by your visitors to help you make that decision.

  • @trentcox9239
    @trentcox9239 7 місяців тому

    a nice way to clean up conditional types is to take advantage of data attributes - so in the css you'd reference the element with a data type of data-isFirst and style off of that. i personally try to avoid and kind of 'business logic' in the css

  • @ananthmurugan7189
    @ananthmurugan7189 7 місяців тому

    Thanks a lot for this video, because i struggled a lot, before watching your video