- Видео 60
- Просмотров 744 818
IT with Paulo Alves
Бразилия
Добавлен 16 мар 2021
Hi. My name is Paulo Alves, I am a full stack developer and a traveller. I have been working with IT for a really long time and recently I decided I should start making videos about programming and entrepreneurship using examples of my real works, startups and ideas :)
Frontend: Angular, Ionic, React and React Native
Backend: Java, .Net, NodeJS and PHP
Frontend: Angular, Ionic, React and React Native
Backend: Java, .Net, NodeJS and PHP
#10 - Angular Tutorial - Recover password with Firebase Authentication and TDD
In this video of the Angular Tutorial series we will focus on implementing the recover password functionality using the Firebase Authentication tool. We will develop the code with Test Driven Development (TDD).
References:
Project repository: github.com/paulorsaf/expenses-control-angular
Angular Framework: angular.io/
Firebase: firebase.google.com/
Contact:
Discord: discord.gg/TxFDbQG8VF
References:
Project repository: github.com/paulorsaf/expenses-control-angular
Angular Framework: angular.io/
Firebase: firebase.google.com/
Contact:
Discord: discord.gg/TxFDbQG8VF
Просмотров: 2 848
Видео
#09 - Angular Tutorial - Sign In with Firebase Authentication and TDD
Просмотров 8 тыс.Год назад
In this video of the Angular Tutorial series we will focus on doing a real Sign In using the Firebase Authentication tool. We will develop the code with Test Driven Development (TDD). References: Project repository: github.com/paulorsaf/expenses-control-angular Angular Framework: angular.io/ Firebase: firebase.google.com/ Contact: Discord: discord.gg/TxFDbQG8VF
#08 - Angular Tutorial - Setting up Firebase Authentication
Просмотров 16 тыс.Год назад
In this video of the Angular Tutorial series we will focus on setting up the Firebase Authentication and connecting Firebase to our Angular app. References: Project repository: github.com/paulorsaf/expenses-control-angular Angular Framework: angular.io/ Firebase: firebase.google.com/ Contact: Discord: discord.gg/TxFDbQG8VF
#07 - Angular Tutorial - Form Validation of the Sign In page with TDD
Просмотров 2,3 тыс.Год назад
In this video of the Angular Tutorial series we will focus on creating the validation of the Sign In page of our app. We will use the FormBuilder to check if the email an password fields are valid. References: Project repository: github.com/paulorsaf/expenses-control-angular Angular Framework: angular.io/ Angular Material: material.angular.io/ Contact: Discord: discord.gg/TxFDbQG8VF
#06 - Angular Tutorial - Creating the design of the Sign In page
Просмотров 2,2 тыс.Год назад
In this video of the Angular Tutorial series we will focus on creating the design of the Sign In page of our app. We will install Angular Material UI and use its components to build the Sign In page. References: Project repository: github.com/paulorsaf/expenses-control-angular Angular Material: material.angular.io/ Contact: Discord: discord.gg/TxFDbQG8VF
#05 - Angular Tutorial - Continuous Delivery with Google Cloud Build
Просмотров 2,3 тыс.Год назад
In this video of the Angular Tutorial series we will focus on Google Cloud Build to create a continuous delivery flow. We will create a YAML file that will be responsible for building our app and deploying it in Firebase Hosting with Google Cloud Build. References: Project repository: github.com/paulorsaf/expenses-control-angular Firebase: firebase.google.com/ Google Cloud: cloud.google.com/ Co...
#04 - Angular Tutorial - Hosting your app for free with Firebase Hosting
Просмотров 4,9 тыс.Год назад
In this video of the Angular Tutorial series we will focus on Firebase Hosting. We will create a new project on Firebase, start Firebase Hosting, configure our project and send it to be hosted and made public to the web with Firebase Hosting. References: Project repository: github.com/paulorsaf/expenses-control-angular Firebase: firebase.google.com/ Contact: Discord: discord.gg/TxFDbQG8VF
#03 - Angular Tutorial - Creating a repository on Github and pushing the code
Просмотров 10 тыс.Год назад
In this video of the Angular Tutorial series we will focus on Github. We will create a repository on Github, clone the repository, commit and push our project kick start. References: Project repository: github.com/paulorsaf/expenses-control-angular GitHub: github.com/ Contact: Discord: discord.gg/TxFDbQG8VF
#02 - Angular Tutorial - Install, create project and overview
Просмотров 2,6 тыс.Год назад
In this video of the Angular Tutorial series we will install Angular, create our project from scratch and have an overview of the structure, files and folders of the project in Angular. References: Project repository: github.com/paulorsaf/expenses-control-angular Angular: angular.io/ NodeJs: nodejs.org/ Contact: Discord: discord.gg/TxFDbQG8VF
#01 - Creating a real App with Angular, NestJS and Firebase
Просмотров 7 тыс.Год назад
In this video of the Angular Tutorial series we will have an overview about the real project that I am going to create using Angular, NestJS, Firebase (Authentication, Firestore and Hosting), GitHub and Google Cloud (Functions and Build). References: Project repository: github.com/paulorsaf/expenses-control-angular Angular: angular.io/ Angular Material: material.angular.io/ GitHub: github.com/ ...
NestJS Tutorial #2 3 - Register - Validating data sent to the backend
Просмотров 1,9 тыс.3 года назад
NestJS Tutorial showing how to validate the input from a REST API call. Here we continue creating the registration flow of our real app. Links: NestJS framework: nestjs.com/ Social: Github: github.com/paulorsaf Twitter: paulorsaf Instagram: paulorsaf Doubts? Join me on Discord: discord.com/invite/z92XBeHq6F #nestjs #backend #restapi
NestJS Tutorial #2 2 - Register - Accessing the body, query and params of an API call
Просмотров 6 тыс.3 года назад
NestJS Tutorial showing how to get the input from a REST API call using the body, query and params decorators. Here we continue creating the registration flow of our real app. Links: NestJS framework: nestjs.com/ Social: Github: github.com/paulorsaf Twitter: paulorsaf Instagram: paulorsaf Doubts? Join me on Discord: discord.com/invite/z92XBeHq6F #nestjs #backend #restapi
NestJS Tutorial #2.1 - User register Rest API - Creating module, controller and service
Просмотров 3,2 тыс.3 года назад
NestJS Tutorial showing how to create a REST API for user registration. Here we create the module, controller and service classes. We also create a HTTP POST register call. Links: NestJS framework: nestjs.com/ Social: Github: github.com/paulorsaf Twitter: paulorsaf Instagram: paulorsaf Doubts? Join me on Discord: discord.com/invite/z92XBeHq6F #nestjs #backend #restapi
NestJS Tutorial #1 - Overview, installation and starting real project
Просмотров 2,1 тыс.3 года назад
NestJS Tutorial where I show a quick overview, do the installation of the library and start a new project for the backend of our mobile app. Links: NestJS framework: nestjs.com/ Social: Github: github.com/paulorsaf Twitter: paulorsaf Instagram: paulorsaf Doubts? Join me on Discord: discord.com/invite/z92XBeHq6F #nestjs #backend #installation
Ionic Tutorial #13.8 - Getting user address with Geolocation and Google maps geocoding
Просмотров 7 тыс.3 года назад
Ionic Framework Tutorial implementing the register page. We get the user geolocation, transform it into an address and show the user address in the registration page. Links: Ionic Framework: ionicframework.com/ Social: Github: github.com/paulorsaf Twitter: paulorsaf Instagram: paulorsaf Doubts? Join me on Discord: discord.com/invite/z92XBeHq6F #ionicframework #mobile #...
Ionic Tutorial #13.7 - Register Page - Getting address details with google autocomplete
Просмотров 3,9 тыс.3 года назад
Ionic Tutorial #13.7 - Register Page - Getting address details with google autocomplete
Ionic Tutorial #13.6 - Register Page - Setting home page as root after login/registration
Просмотров 2,7 тыс.3 года назад
Ionic Tutorial #13.6 - Register Page - Setting home page as root after login/registration
Ionic Tutorial #13.5 - Register Page - Implementing user register flow
Просмотров 2,3 тыс.3 года назад
Ionic Tutorial #13.5 - Register Page - Implementing user register flow
Ionic Tutorial #13.4 - Register Page - Implementing side effects with Redux NGRX Effects
Просмотров 1,9 тыс.3 года назад
Ionic Tutorial #13.4 - Register Page - Implementing side effects with Redux NGRX Effects
Ionic Tutorial #13.3 - Register Page - State, actions and reducers with Redux NGRX
Просмотров 2,3 тыс.3 года назад
Ionic Tutorial #13.3 - Register Page - State, actions and reducers with Redux NGRX
Ionic Tutorial - Fixing errors, modules and component on multiple modules error
Просмотров 2,3 тыс.3 года назад
Ionic Tutorial - Fixing errors, modules and component on multiple modules error
Ionic Tutorial #13.2 - Register Page - Showing error messages on button click
Просмотров 2,8 тыс.3 года назад
Ionic Tutorial #13.2 - Register Page - Showing error messages on button click
Ionic Tutorial #13.1 - Register Page - Form validation
Просмотров 10 тыс.3 года назад
Ionic Tutorial #13.1 - Register Page - Form validation
Ionic Tutorial #12 - Protecting our pages with auth guards
Просмотров 4,4 тыс.3 года назад
Ionic Tutorial #12 - Protecting our pages with auth guards
Ionic Tutorial #11.8 - Login Page #10 - Implementing NGRX effects
Просмотров 2,2 тыс.3 года назад
Ionic Tutorial #11.8 - Login Page #10 - Implementing NGRX effects
Ionic Tutorial #11.7 - Login Page #9 - Implementing NGRX effects
Просмотров 2,4 тыс.3 года назад
Ionic Tutorial #11.7 - Login Page #9 - Implementing NGRX effects
Ionic Tutorial #11.6 - Login Page #8 - Understanding NGRX effects
Просмотров 2,6 тыс.3 года назад
Ionic Tutorial #11.6 - Login Page #8 - Understanding NGRX effects
Ionic Tutorial #11.5 - Login Page #7 - Implementing Firebase Authentication
Просмотров 5 тыс.3 года назад
Ionic Tutorial #11.5 - Login Page #7 - Implementing Firebase Authentication
Login #6 - Creating a Firebase project and adding the Authentication tool
Просмотров 4,5 тыс.3 года назад
Login #6 - Creating a Firebase project and adding the Authentication tool
React Native Tutorial #10.4 - Login Page #5 - Implementing Login with React Redux
Просмотров 4,4 тыс.3 года назад
React Native Tutorial #10.4 - Login Page #5 - Implementing Login with React Redux
great explanation, well done!
Sur where ru Sir Sir Please reply Sir i want to learn like One admin login User login Admin can se diffent model The user can see different model User cannot edit some things Something admin can see These things i want to Please guide where can i learn all theses in angular Please give channel name Please help
I'm using your classes to do my final thesis. I would like your help because in my project the background of the loading page is not becoming transparent and it is not jumping to the login page, thank you in advance
Hello Paulo, your videos are helping me a lot and I thank you for that. Could you please help me how to fix the error called "Chrome 130.0.0.0 (Windows 10) AppComponent should have urls FAILED" while testing?
sir much appreciated all you videos are helpful....thanks again
Good morning sir, am new on ionic framework - started my ionic journey 4 months ago, am following the steps on YOUR 2nd part of toturial am unable to push using command (git push)the files that need to be committed please assist thanks in advance.
Amazing tutorial series. Thank you
What is the system requirements for this
<3 India
On the starting part where he uses the password and email part whenever I tried to click on the the whole div will resize(moves up) it is because it is running on mobile and the keyboard pops up at that place. To stop it use min-height: 100%; instead of the height: 100%; in the global SCSS section(file).
Muito bom, estou aprendendo muito
When I send a wrong email for validation it returns the message recovery email sent and not that the user is not on the list or was deleted... is that a new kind of response from firebase to hide the true response?
do you hv guide for create link to access pdf file and link to website
onde tu mora é na bahia, xique-xique pau na beira
mlk, oq tu quer ta mole!!
A+
Wow ! I just know ionic frame work, After I see your vdo ,I exciting with ionic franework too much! I will learn next step!!! ❤❤❤
very good one
thanks sir.
Go through several of your videos in this playlist. My. comment is that you waste a lot of time on the specs file which is not important for beginner and chase the beginner away. Yours are for beginner but you make. it. complicated. with. the testing code
Hi, in minute 3.44 - I have tried to do but run error due to below. Please assist index.js:492 [webpack-dev-server] ERROR src/app/loader/loader.page.html:3:3 - error NG8001: 'ion-spinner' is not a known element: 1. If 'ion-spinner' is an Angular component, then verify that it is included in the '@Component.imports' of this component. 2. If 'ion-spinner' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@Component.schemas' of this component to suppress this message. 3 <ion-spinner name="crescent"></ion-spinner> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/loader/loader.page.ts:8:16 8 templateUrl: './loader.page.html', ~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component LoaderPage.
Nice explanation and good teaching skills bro. but i try to find your github but not available...please guide
Basically these are PWA's?
Nice video sir
So well explained :)
i have some errors when using your tutorial
hello , can i have new discord link ?
will it still work if i use Pycharm as my IDE?? I use flask as my app too
When the error "Object is possibly 'null'" appears for checking validity in the tests add the save navigation operator. expect(form.get('email')?.value).toBe('');
please update playlist
To navigate on click, I only have to add code in "component.ts". No need to add any code in "component.spec.ts". May be in newer version, they made easier to navigate by excluding spec.ts file.
The code in component.spec.ts is only the test code. The functionality always works without tests but with the tests you can ensure that everything works the way you wanted it to work.
To change the inputs background color, it is now surfaceVariant: "transparent" instead of background: "'transparent".
sempre encontro problemas para implementar quando há firebase
I can't believe how underrated this channel is. Your tutorials are absolutely perfect, smooth, thoroughly explained. Wow!
I'm coming from React and need to work on an App with Maps and wow, React Native seems so easy to use! I know everything's faked here and nothing's dynamic but this is a great little introduction nonetheless.
Que inglês bom, só reconheci que era BR pelo "Aplicativo de Reciclagem" hahaha. To adorando o tutorial, parabéns.
hello sir, when I put an error email, the return is 'user is found'. please help me
Chefia, as coisas funcionaram magicamente no meu computador. Foi tipo uma aula de quimica inorganica onde tudo funciona e não se sabe por que. Muita sorte e obrigado por carregar o video.
Regarding unit testing, do you think that testing that uses DOM would be functionality testing, not unit testing?
The github link is not working
starting my ionic journey with this tutorial . thanks man for this course
i am getting an error when im creating a page named loader, do u know why ? ive created hello, loadingSpinner... but not loader
Thank you very much! After a lot of research, I managed to solve it by watching your video lesson!
Thanks for all, i'm undertand 80% that you talk, i'm learning codification and english hahaha, very good explains!
✘ [ERROR] NG8001: 'mat-form-field' is not a known element I tried of all, this error is showed
I resolved this error, putting a formControl in sign.component.ts to driven the mat-for-field, if u have this error init with another element likes button to make it works for only later try with inputs because i passed a very time to find the solution....
Hey Paulo, i knew a Paulo Alves in my childhood. He lived in Switzerland. You look like him.
Thanks Paul!
Hey i got an error at: loadingState$: Observable<LoadingState>; , so i added the "!" next to loadingState$ to remove the error export function loadingReducer(state: LoadingState, action){ return reducer(state,action); }; , so i added :any next to action and i didnt get the loading component when i clicked on forgot your password with some failed test, would you be aable to help me?
I got the same error and I am actually stuck there. Video #10
Great tutorial. First time using ionic for my senior project. I do need lots more help because it is complicated as it is my first time.
Why aren't you uploading videos?