Ionic 3 Angular 4 Welcome Page with Login and Logout Tutorial

Поделиться
HTML-код
  • Опубликовано: 10 июн 2017
  • How to implement Welcome page with Login and Logout modules for Ionic 3 with Angular 4 project.
    New Ionic: • New Ionic 5 Angular 8 ...
    Part 2: • Ionic 3 Angular 4 PHP ...
    Part 3: • Ionic 3 Angular 4 JSON...
    Tutorial & GitHub: www.9lessons.info/2017/06/ioni...
  • НаукаНаука

Комментарии • 82

  • @SrinivasTamada
    @SrinivasTamada  4 года назад

    New Ionic Welcome ruclips.net/video/e6HjwSxfoq8/видео.html

  • @marcusthatsme
    @marcusthatsme 7 лет назад +1

    Thank you, I've had a heck of a time finding a good tutorial and this is perfect.

  • @inspector.gadget
    @inspector.gadget 5 лет назад

    You really helped me with the Tabs not going off when I've logout. Thank you!

  • @DanielWeikert
    @DanielWeikert 7 лет назад

    This is awesome. I have started to learn Agular and Ionic a few days ago and this is really helpful. Thanks. If you can than please more of that. More App projects, with backend included, simply more..Highly appreciated

  • @rodneyjoseperello220
    @rodneyjoseperello220 6 лет назад

    Thank you. Great tutorial. Simple, concise, and precise.

  • @ritusampui
    @ritusampui 7 лет назад +2

    wooow.... i m searching for this for long time ... thank you

  • @DARKcarlos1
    @DARKcarlos1 6 лет назад

    You actually made me choose ionic for my project. Thanks you

  • @saurabh_agarwal
    @saurabh_agarwal 6 лет назад +1

    This helped a lot.
    Thanks!

  • @eypbal
    @eypbal 7 лет назад +3

    Thank you, Srinivas!

  • @sunilpatel-mo6tr
    @sunilpatel-mo6tr 6 лет назад

    it's amazing tutorial and also easy to learn,
    thank you sir,
    i hope, you will always helping us.
    thank you so much sir.

  • @stewwweee
    @stewwweee 6 лет назад

    it was perfect ! Thanks for sharing your knowledge

  • @shazifabbas3769
    @shazifabbas3769 6 лет назад

    Your r the Man which help me When i was in problem thanks alot

  • @RamRam-po3lq
    @RamRam-po3lq 6 лет назад

    Good explanation Thank you Srinivas

  • @hardylutula1508
    @hardylutula1508 6 лет назад

    thank man, this is really helpful... #Best tutorial ever

  • @sivakumarvadivel2512
    @sivakumarvadivel2512 6 лет назад

    Thanks for the video really useful to me.

  • @sephyshen2510
    @sephyshen2510 6 лет назад

    Thanks for your great video.

  • @vidhyac5117
    @vidhyac5117 6 лет назад

    excellent tutorial !!! thanks a lot bro

  • @ayeshashahid6330
    @ayeshashahid6330 6 лет назад

    thank you , good explanation

  • @troinux1174
    @troinux1174 6 лет назад

    you're just good... thank you

  • @techtalk1652
    @techtalk1652 7 лет назад

    great tutorial..

  • @tanmayapatra6078
    @tanmayapatra6078 6 лет назад

    Its a Great Video. I am referring to this . Some codes are not Supported by Latest Ionic. So Please Careful if you face some errors.

  • @KunalPitalethecool
    @KunalPitalethecool 7 лет назад

    Thank you Sir!!

  • @ddarmastp
    @ddarmastp 6 лет назад +1

    Sorry if the question is too obvious but I'm new with Ionic, to close the authenticated session in one Ionic 3 app is enough to using the NavController to push to the Login page? There's no need to call any action method to protect the user from access another page without being authenticated as it's done for web pages?

  • @Sunhariyaden
    @Sunhariyaden 6 лет назад

    very good explanation

  • @banditalks
    @banditalks 6 лет назад

    Srinivas you awesome man

  • @andreisalas3486
    @andreisalas3486 6 лет назад

    excelent videos! I subcrited

  • @Mr.Thenula2011
    @Mr.Thenula2011 6 лет назад

    Amazing tutorials, btw what is your IDE?

  • @iyyappanpauls
    @iyyappanpauls 6 лет назад

    Thanks Srinivas

  • @faisaliqbal4065
    @faisaliqbal4065 6 лет назад

    Thank you Tamada

  • @chalempphongc9538
    @chalempphongc9538 7 лет назад

    so good

  • @nishantkumr
    @nishantkumr 7 лет назад

    Hi Srinivas. I have been following your tutorial. In the Signup function of signup.ts you are pushing the tab page and you dont get the back button. But I get back button. How did you disable the functionality?

  • @priyankaargade21
    @priyankaargade21 5 лет назад

    NIce Video for beginner

  • @santoshsharma-ss5ug
    @santoshsharma-ss5ug 5 лет назад

    Nice Tamadda

  • @ritusampui
    @ritusampui 6 лет назад

    Hello Srinivas, can you please do tutorial of how to build ionc in ios step by step... which editor is required ? please Thank you

  • @Kako.Michea
    @Kako.Michea 6 лет назад

    Thanks! do you know anyone framework for ASP.NET back-end just like PHP-Slim-Restful?

  • @pankajrajput-pc9vd
    @pankajrajput-pc9vd 6 лет назад

    how to fix that problem sir..??
    Module '"F:/Ionic/myProject/src/pages/welcome/welcome"' has no exported member 'Welcome'.

  • @surajrawat48
    @surajrawat48 6 лет назад

    hii, can you tell me how i apply background image in welcome page

  • @ddsupportserviceconsultori4538
    @ddsupportserviceconsultori4538 7 лет назад

    nice job my dear friend! i'm using your steps to try implement in my Rails 5 API, do you know if it's dificult to do? i learned something about rack cors gem, did you have some contact with this integration? ?Thank you and God bless you!

  • @redbeardjunior
    @redbeardjunior 6 лет назад

    I have some qeustions i uploaded the app to andriod but the start up time take a longggg time

  • @MrLudo3211
    @MrLudo3211 5 лет назад

    merci pour ce tuto,
    dans app.module.ts et app.component.ts il faut mettre [name]Page au lieu de simplement [name] :) sinon erreur de syntaxe
    dans le bouton il faut mettre (tap) et non (clic)

  • @mohammadsahil8714
    @mohammadsahil8714 6 лет назад +1

    getRootNav() is going to deprecated , getRootNavById() have to use. what we should use instead of poptoroot() ?

    • @menaiibtissem9704
      @menaiibtissem9704 6 лет назад

      same problem for me

    • @SAregbesola
      @SAregbesola 6 лет назад

      I used this.app.getRootNav().push(WelcomePage); to navigate back to the welcome page. It is not stated on Ionic documentation that getRootNav is deprecated though.

  • @mohamedabbassiddiqueibrahi1273
    @mohamedabbassiddiqueibrahi1273 6 лет назад

    nice bro how to connection node via retrive the data in ionic 3

  • @sheetalsingh2794
    @sheetalsingh2794 7 лет назад

    whatever you were typing in welcome.html ,,,,,if i type that in index.html then will there be same changes in output??

    • @SrinivasTamada
      @SrinivasTamada  7 лет назад

      You talking about the www/index.html file?

  • @kunalnath436
    @kunalnath436 5 лет назад

    Nice

  • @redbeardjunior
    @redbeardjunior 6 лет назад

    For any one who have trouble at greating the page ! the updates did change some stuff if you create login ... go to your login map and under login go in login.ts after that thare will be LoginPage so new updat dont put login but put LoginPage !! have a great day at coding :P !!!!

  • @henriquesdosceu3539
    @henriquesdosceu3539 6 лет назад

    I’ve bee following the tutorial exactly the way it is, but still I’m getting the following typescript error: Module ‘“ C:/User/name/projectname/src/pages/welcome/welcome”’ has not exported member “Welcome”.
    I don’t understand, can somebody help please ?

    • @abusufyanmmaiwada723
      @abusufyanmmaiwada723 6 лет назад +1

      Check your page.ts and change the variable becouse by default it comes as welcomePage. So in the import line change welcome to welcomePage #hope this will help

  • @venkattreddy1234
    @venkattreddy1234 6 лет назад

    where i need to place php-slim-restfull-master folder

  • @nabinupreti3416
    @nabinupreti3416 6 лет назад

    does this work for ios app only??

  • @saajanbajaj641
    @saajanbajaj641 6 лет назад

    how we can do in lazy loading ?

  • @4352sfs
    @4352sfs 6 лет назад

    Hi, ionic has removed the flags "--v1 and --v2". What should i use to replace them?

    • @eshwerg9708
      @eshwerg9708 5 лет назад

      Just skip adding --v1 OR --v2. In the new Ionic by default it creates --v2 project.

  • @rafaelyahu
    @rafaelyahu 7 лет назад

    the getRootNav wi'll deprecated I implemantation getRoot and show this message : getRootNav) is deprecated and will be removed in the next major release. Use getRootNavById instead.

  • @chrisgwet4415
    @chrisgwet4415 7 лет назад

    Hello everyone
    Im mobile developper and new ionic developper. I have a problem:
    When I want to compile, emulate or execute my Ionic --v2 project on my
    android device, I get an error: Java.io.IOException “The device is not
    ready”. What do you want to do? help me.
    This is my command: ionic cordova run android or ionic cordova run android --debug
    thank you

  • @narojkumarmahananda6904
    @narojkumarmahananda6904 5 лет назад

    sir how to create splash screen

  • @zafymamonjy3528
    @zafymamonjy3528 5 лет назад

    c'est bon

  • @DineshKumar-mc6od
    @DineshKumar-mc6od 6 лет назад

    hi pro need one help how to connect php mysqli in ionic framework

    • @loicngou9592
      @loicngou9592 6 лет назад

      i thinks you just have to create your php page like a server and then set a request to your sever,

  • @venkattreddy1234
    @venkattreddy1234 6 лет назад

    [22:34:59] typescript: C:/xampp/htdocs/myApp/src/providers/auth-service/auth-se
    rvice.ts, line: 2
    Module '"C:/xampp/htdocs/myApp/node_modules/@angular/http/http"' has
    no exported member 'HttpClient'. I got this error please help me

  • @redbeardjunior
    @redbeardjunior 6 лет назад

    --V2 not working any more

  • @andrewlastrapes1677
    @andrewlastrapes1677 6 лет назад

    this is Khalil

  • @ninomory1
    @ninomory1 6 лет назад

    Friend throws me an error in Postman is as follows: srinivas@9lessons.info {"error": {"text": "Enter valid data"}} how do I resolve it?

    • @SrinivasTamada
      @SrinivasTamada  6 лет назад

      Test with unique data.

    • @ninomory1
      @ninomory1 6 лет назад

      I'm testing with this data: {"username":"ninomory", "password":"12345", "name":"Luis e" ,"email":"ninomory@gmail.com"} and shows me this: ninomory@gmail.com{"error":{"text":"Enter valid data"}}

  • @theashishthakur
    @theashishthakur 6 лет назад

    ionic start --v2 ionic-welcome tabs
    [ERROR] Sorry! The --v1 and --v2 flags have been removed. (New in Ionic)

    • @kimangel1325
      @kimangel1325 6 лет назад

      try this instead
      ionic start todo tabs --type ionic-angular

  • @koripellachaitanya11
    @koripellachaitanya11 7 лет назад

    How to connect to database ?

  • @belacris7937
    @belacris7937 6 лет назад

    your tutorial does not work, I follow filly and ??

  • @bishisthashrestha2424
    @bishisthashrestha2424 7 лет назад

    no github son ?

    • @SrinivasTamada
      @SrinivasTamada  7 лет назад

      You will find here www.9lessons.info/2017/06/ionic3-angular4-create-welcome-page.html

  • @gauravpandey1224
    @gauravpandey1224 7 лет назад

    can you send me ebook of ionic2 in email

  • @newerton
    @newerton 7 лет назад

    Thank you, Srinivas!