Android Tutorial [B4X] Erel Teaches Programming - video tutorials

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:

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

 

[Erel]

New video uploaded: Collections

 

[Erel]

New video: Code Flow

 

[Erel]

New video: Collections Example. This is one is recommended to all developers, including experienced B4X developers.

 

[Erel]

New video: First UI Program.

 

[Erel]

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:

 

[Erel]

New video: recursive subs

 

[Erel]

New video: Code Modules and Classes

 

[Erel]

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

B4J Code from the tutorial that creates a nice grid:

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

 

[Erel]

New video: First B4A App. Mostly for new B4A developers.

 

[Erel]

New video: B4A Scale / DIP / AutoScaleAll

This is an important topic which all B4A developers should be familiar with.

 

[Erel]

New video: B4A life cycle

Very important video. Highly recommend all B4A developers to watch it.

 

[Erel]

The videos page moved to: https://www.b4x.com/etp.html

 

[Erel]

New video: Resumable subs. A bit long but very important.

 

[Erel]

New video: B4i / B4J - Resize event.

 

[Erel]

New video: XUI - Cross platform UI

The B4J units converter example is attached.

 

[Erel]

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.

 

[Erel]

New video: Drawing with B4XCanvas

The example project is attached.

 

[Erel]

New video: CustomListView - Cross Platform & Powerful List

The example project is attached.

 

[Erel]

New video: Web Services