- 60
- 105 119
Daweb Schools • Learn to code today!
Portugal
Приєднався 27 сер 2020
Learn to code today! Web Development and Programming. HTML, CSS, Tailwind, Bootstrap, Sass, Javascript, Vue JS, React JS, Python, and more!
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
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
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]
simple and perfect👌
Impressive!
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 !!!
Fantastic content
Thanks a lot!
Thank you so much for this very great tutorial!
You're very welcome!
source code link is dead pls do something
Sorry! Find it here: github.com/Daweb-Schools/vue-pizza-app-youtube
Bro this vedio is very usefull for me ♥️ Thansk bro making this vedio
thanks for watching!
hi mr Ivan. i have your course and also question. Can we use other language for Training the Model with the Business Information
Yes, but why would you need to do that? Can you explain a bit more what you’re trying to achieve?
@dawebschools because my native language is same
@dawebschools i trying to make my personal virtual support for business
@@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.
This was extremely helpful! Understood the fundamentals. Thanks so much.
Glad it was helpful!
the codesource on github isn't the same as the one in the video. for example in github there isn't the login logic
Hi, the github project is the initial version. The login logic is what we do during this video.
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
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
@dawebschools wow, thanks for Your information
@@dawebschools is there a video to implement it, I don't understand how
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
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.
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!
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
You’ll be fine! Just get involved without worrying too much about it.
@@dawebschoolsit really did help when you said that but can you help me understand what that exactly means
@@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.
@@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
what is your font name and themes pls
very nice explanation. looking forward to code something with vue.js
the source code link is dead
Sorry, find the updated link here: github.com/Daweb-Schools/vue-pizza-app-youtube
Great tutorial 👏 thank you so much
Glad it was helpful!
Thanks ivan. Your words motivated me much to learn web dev seroiusly
Happy to hear that! Please don’t wait so much time like I did!
What a great message
thanks sir, just what i am looking forward to.
Clear explanation! Good job!
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.
If I had a cent for each blink, I would be a millionare
😅 I haven’t noticed!
Much needed video ❤ Cheers Sir😊
thanx alot this video is proven to be very helpful for specially begineers
I watched many tutorial but this is awesome
thanks for your such a nice explanation
Awesome
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?
Hey, please post your code on github if you'd like me to take a look.
Nice video bro! Didn't even realise that you are not a youtuber with hundreds of thousands of subs!
You just earned yourself a sub.
Thanks a lot for your feedback! I’m struggling a bit to get traction here on UA-cam, but I will keep working hard!
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.
Exactly! Sure it will evolve, but at this moment it’s not reliable enough.
Nice one, those were some cool questions and answers
Glad you enjoyed, Ivan!
Thanks❤
You’re welcome!
This is a nice video from You! are you available for a brief Business discussion regarding your course on Udemy
Nice video! Basics are important... Many times we are stuck with some issue because we have forgotten about the basics.
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.
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
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.
Thanks for shareing an awesome tutorial.
You are so welcome!
Right to the point!
Very informative. Probably one of the best explained programming video series that I have watched.
Glad it was helpful!
thanks, alot. your explnation is really amazing, every sentence you said is helpful. 💙💙💙💙💙💙💙
You're very welcome! Thanks for your feedback
Cool your Content is Too Awesome
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.
thanks
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?
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.
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
Thanks a lot for this video, because i struggled a lot, before watching your video
I’m glad it helped!