IT with Paulo Alves
IT with Paulo Alves
  • Видео 60
  • Просмотров 744 818
#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
Просмотров: 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

Комментарии

  • @z4kx388
    @z4kx388 9 дней назад

    great explanation, well done!

  • @azhargayawi
    @azhargayawi 12 дней назад

    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

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

    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

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

    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?

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

    sir much appreciated all you videos are helpful....thanks again

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

    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.

  • @msh725
    @msh725 2 месяца назад

    Amazing tutorial series. Thank you

  • @SenthilKumar-fq9nb
    @SenthilKumar-fq9nb 3 месяца назад

    What is the system requirements for this

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

    <3 India

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

    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).

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

    Muito bom, estou aprendendo muito

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

    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?

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

    do you hv guide for create link to access pdf file and link to website

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

    onde tu mora é na bahia, xique-xique pau na beira

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

    mlk, oq tu quer ta mole!!

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

    A+

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

    Wow ! I just know ionic frame work, After I see your vdo ,I exciting with ionic franework too much! I will learn next step!!! ❤❤❤

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

    very good one

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

    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

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

    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.

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

    Nice explanation and good teaching skills bro. but i try to find your github but not available...please guide

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

    Basically these are PWA's?

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

    Nice video sir

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

    So well explained :)

  • @HOW-bt3et
    @HOW-bt3et 6 месяцев назад

    i have some errors when using your tutorial

  • @HOW-bt3et
    @HOW-bt3et 6 месяцев назад

    hello , can i have new discord link ?

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

    will it still work if i use Pycharm as my IDE?? I use flask as my app too

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

    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('');

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

    please update playlist

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

    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.

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

      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.

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

    To change the inputs background color, it is now surfaceVariant: "transparent" instead of background: "'transparent".

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

    sempre encontro problemas para implementar quando há firebase

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

    I can't believe how underrated this channel is. Your tutorials are absolutely perfect, smooth, thoroughly explained. Wow!

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

    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.

  • @Gustavo-hj6ue
    @Gustavo-hj6ue 7 месяцев назад

    Que inglês bom, só reconheci que era BR pelo "Aplicativo de Reciclagem" hahaha. To adorando o tutorial, parabéns.

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

    hello sir, when I put an error email, the return is 'user is found'. please help me

  • @FelipeSantos-sw4kk
    @FelipeSantos-sw4kk 8 месяцев назад

    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.

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

    Regarding unit testing, do you think that testing that uses DOM would be functionality testing, not unit testing?

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

    The github link is not working

  • @RustyPack-fm2gi
    @RustyPack-fm2gi 8 месяцев назад

    starting my ionic journey with this tutorial . thanks man for this course

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

    i am getting an error when im creating a page named loader, do u know why ? ive created hello, loadingSpinner... but not loader

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

    Thank you very much! After a lot of research, I managed to solve it by watching your video lesson!

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

    Thanks for all, i'm undertand 80% that you talk, i'm learning codification and english hahaha, very good explains!

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

    ✘ [ERROR] NG8001: 'mat-form-field' is not a known element I tried of all, this error is showed

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

      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....

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

    Hey Paulo, i knew a Paulo Alves in my childhood. He lived in Switzerland. You look like him.

  • @abdu1wahid105
    @abdu1wahid105 10 месяцев назад

    Thanks Paul!

  • @karimfallakha
    @karimfallakha 10 месяцев назад

    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?

    • @MarthNtanga
      @MarthNtanga 10 месяцев назад

      I got the same error and I am actually stuck there. Video #10

  • @Hur1canez
    @Hur1canez 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.

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

    Why aren't you uploading videos?