Android Tutorial [B4X] Erel Teaches Programming - video tutorials

Discussion in 'Tutorials & Examples' started by Erel, Jan 25, 2018.

Thread Status:
Not open for further replies.
  1. Erel

    Erel Administrator Staff Member Licensed User

    ETP is a series of video tutorials about B4X. The purpose is to allow developers with any programming experience, including no experience, to learn how to program with B4X.

    The videos are available here: https://www.b4x.com/etp.html

    If you prefer YouTube: https://www.youtube.com/playlist?list=PLSXGv13TotQZUPJCw1lnxeaPsfYjns5W-

    It is recommended to watch the videos on a desktop screen with 1920x1080 or higher resolution.
    Make sure to see the videos in 1080 HD:

    [​IMG]

    Feedback and suggestions thread: https://www.b4x.com/android/forum/threads/etp-video-tutorials-feedback-and-suggestions.89862/

    Download all videos (2gb): https://drive.google.com/open?id=1bDiVwRoemQ6Q8cWNkYQ55kJT4wCEofIW
     
    Last edited: May 28, 2018
    jmon, SumanR, Jaames and 61 others like this.
  2. Erel

    Erel Administrator Staff Member Licensed User

    New video uploaded: Collections
     
    mendiburen, Levit, omarruben and 3 others like this.
  3. Erel

    Erel Administrator Staff Member Licensed User

    New video: Code Flow
     
  4. Erel

    Erel Administrator Staff Member Licensed User

    New video: Collections Example. This is one is recommended to all developers, including experienced B4X developers.
     
    mendiburen, omarruben, Ferbis and 3 others like this.
  5. Erel

    Erel Administrator Staff Member Licensed User

    New video: First UI Program.
     
    mendiburen, omarruben, Ferbis and 4 others like this.
  6. Erel

    Erel Administrator Staff Member Licensed User

    New video: Visual designer. It is listed on the second page.

    Among other things, it shows how you can use the designer script to create a layout such as this one, where the three buttons are with the same size and are spread horizontally:

    [​IMG]
     
    laviniut, omarruben, Ferbis and 6 others like this.
  7. Erel

    Erel Administrator Staff Member Licensed User

    New video: recursive subs
     
    Levit, laviniut, Ferbis and 3 others like this.
  8. Erel

    Erel Administrator Staff Member Licensed User

    New video: Code Modules and Classes
     
  9. Erel

    Erel Administrator Staff Member Licensed User

    New video: dynamic controls
    Most developers will learn something from it.

    B4J Code from the tutorial that creates a nice grid:

    Code:
    Sub Process_Globals
       
    Private fx As JFX
       
    Private MainForm As Form
       
    Type ButtonData (ClickCount As Int, Column As Int, Row As Int)
       
    Private buttons As List
       
    Private Const GRID_SIZE As Int = 10
       
    Private xui As XUI
    End Sub

    Sub AppStart (Form1 As Form, Args() As String)
       MainForm = Form1
       MainForm.Show
       CreateGrid(GRID_SIZE, GRID_SIZE)
    End Sub

    Sub CreateGrid (NumberOfColumns As Int, NumberOfRows As Int)
       buttons.Initialize
       
    Dim gap As Int = 2dip
       
    Dim BtnWidth As Int = MainForm.RootPane.Width / NumberOfColumns - gap
       
    Dim BtnHeight As Int = MainForm.RootPane.Height / NumberOfRows - gap
       
    For x = 0 To NumberOfColumns - 1
           
    Dim Column As List
           Column.Initialize
           buttons.Add(Column)
           
    For y = 0 To NumberOfRows - 1
               
    Dim btn As Button
               btn.Initialize(
    "btn")
               
    Dim bd As ButtonData
               bd.Initialize
               btn.Tag = bd
               bd.Column = x
               bd.Row = y
               MainForm.RootPane.AddNode(btn, x * (BtnWidth + gap), y * (BtnHeight + gap), BtnWidth, BtnHeight)
               Column.Add(btn)
           
    Next
       
    Next
    End Sub

    Sub GetButton(Column As Int, Row As Int) As Button
       
    Dim columnList As List = buttons.Get(Column)
       
    Return columnList.Get(Row)
    End Sub

    Sub btn_Click
       
    Dim btn As Button = Sender
       
    Dim bd As ButtonData = btn.Tag
       bd.ClickCount = bd.ClickCount + 
    1
       btn.Text = 
    "Click: " & bd.ClickCount
       
    For i = 0 To GRID_SIZE - 1
           
    Dim xview As B4XView = GetButton((bd.Column + i) Mod GRID_SIZE, bd.Row)
           xview.SetColorAnimated(
    500, xui.Color_White, xui.Color_Green)
           xview = GetButton(bd.Column, (bd.Row + i) 
    Mod GRID_SIZE)
           xview.SetColorAnimated(
    500, xui.Color_White, xui.Color_Red)
           Sleep(
    100)
       
    Next
    End Sub
     
    Last edited: Feb 8, 2018
    Levit, Ferbis, Mashiane and 4 others like this.
  10. Erel

    Erel Administrator Staff Member Licensed User

    New video: First B4A App. Mostly for new B4A developers.
     
    Last edited: Feb 19, 2018
    laviniut, Ferbis, asales and 3 others like this.
  11. Erel

    Erel Administrator Staff Member Licensed User

    New video: B4A Scale / DIP / AutoScaleAll

    This is an important topic which all B4A developers should be familiar with.
     
    laviniut, Ferbis, asales and 4 others like this.
  12. Erel

    Erel Administrator Staff Member Licensed User

    New video: B4A life cycle

    Very important video. Highly recommend all B4A developers to watch it.
     
    laviniut, Ferbis, asales and 3 others like this.
  13. Erel

    Erel Administrator Staff Member Licensed User

    Ferbis, asales and mindful like this.
  14. Erel

    Erel Administrator Staff Member Licensed User

    New video: Resumable subs. A bit long but very important.
     
    Levit, Ferbis, asales and 4 others like this.
  15. Erel

    Erel Administrator Staff Member Licensed User

    New video: B4i / B4J - Resize event.
     
    Levit, Ferbis, asales and 2 others like this.
  16. Erel

    Erel Administrator Staff Member Licensed User

    New video: XUI - Cross platform UI

    The B4J units converter example is attached.
     

    Attached Files:

    laviniut, Reviewnow, Ferbis and 5 others like this.
  17. Erel

    Erel Administrator Staff Member Licensed User

    New video: XUI - Cross Platform Example.
    This is an important video for any developer that is interested in cross platform development. It is based on the same example as in the previous tutorial. This time it is implemented as a class shared by B4A, B4J and B4i.
    The new B4XComboBox class is used instead of the ComboBoxes in the previous example.
     
    Levit, Reviewnow, Jmu5667 and 3 others like this.
  18. Erel

    Erel Administrator Staff Member Licensed User

    New video: Drawing with B4XCanvas

    The example project is attached.
     

    Attached Files:

    Levit, Ferbis, RWK and 3 others like this.
  19. Erel

    Erel Administrator Staff Member Licensed User

    New video: CustomListView - Cross Platform & Powerful List

    The example project is attached.
     

    Attached Files:

    Levit, Ferbis, RWK and 3 others like this.
  20. Erel

    Erel Administrator Staff Member Licensed User

    New video: Web Services
     

    Attached Files:

    koaunglay, Levit, laviniut and 6 others like this.
Thread Status:
Not open for further replies.
Loading...
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice