Update files with time links and latest sub-title revisions.

002-Intro-to-JCB.md

@@ -1 +1,4 @@
+
+# Greeting
+
 Hi Welcome My name is Llewellyn van der Merwe I'm the developer of component builder for Joomla [00:00:10](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h00m10s) I would also be Giving you the instructions of how to use it Just wanna look at a few issues Component-Builder was built to those who know PHP If you don't know PHP there are some Great places to Start Learning from and one To those I would mention is [00:00:30](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h00m30s) Lynda.com And udemy You could go on to their websites and you can simply search for PHP And you would find tons of courses that I suppose would do more than enough to to get you on your way If you don't know CSS JavaScript HTML then certainly you need to go visit these website And get that knowledge It was not developed for those who [00:00:59](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h00m59s) Have no but developing skills Because Simply I developed it actually for myself As developer of components So that I can easily and quickly get Most of the bulk of the code done And I could just be focused on the actual custom Code which Goes beyond the norm So that's what it's really made [00:01:24](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h01m24s) To do If you don't have an understanding of the Joomla API It's only gonna be to your own Disadvantage It's not that difficult to get it understanding You just need to be able to read PHP And open a Joomla website go to libraries start reading with Classes Even go to Joomla's own components [00:01:49](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h01m49s) That means you would Simply Go to a Joomla install that's this one here And you go to components and you would go to Content manager Look at its folder structures then open obviously if you know cmv And there's the controllers there's the models there's the Views [00:02:12](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h02m12s) Open a view Start opening the script itself Read through it If using NetBeans You can hold onto a function like that one Press Ctrl shift It'll show you where In your Joomla website That function is declared And [00:02:34](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h02m34s) You can You can open that file And you can let's see I think you click there Open source in editor there we go And you can start By doing these kind of things You can start learning in the way that the code Connects to each other Through just looking at Joomla's own [00:02:58](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h02m58s) Components Basically that's how I got to know how things work I simply went here Helper content control shift and Then opened that in the next window Look through the Class Methods class variables Which ones that is extending [00:03:21](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h03m21s) This one isn't extending any So That's how I got to know how most things work And That's also how most other developers I suppose are able to get their hands on this And so the better you know the Joomla API To the more advantage to yourself Because you will understand that this application is really implementing the API itself over and over I didn't reinvent things I'm trying to stay as close to the conventions [00:03:55](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h03m55s) as possible And as I become aware of Better ways of implementation I would like to At that again So even if you know a better way to doing it Please communicate with me I would likely Updatening include and change [00:04:11](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h04m11s) Whatever is needed You must be willing to get your hands dirty it is not one of the issues that are quite important This simply means that if you have built something and it doesn't work You need to debug it Which means Possibly you would like to run a local Sandbox environment I'm running here on Ubuntu Is my local sandbox And so [00:04:38](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h04m38s) I have PHP on it and Got My sequel installed and Joomla So if I was to open a browser And I would type in this Local This is my local install so you can see I just typed in VDM [00:05:04](https://www.youtube.com/watch?v=9evJkBTnKxE&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h05m04s) And I have Basically a few sites here Test one is one we'll be working in And The one in which Component-Builder is being developed Is this Component Builder 1 And those sites have admin so this is just my own little ScLine truncated

003-Installation-of-JCB.md

@@ -1 +1 @@
-Ok here we are in component builder at the dashboard in the back End of a Joomla website I would like to 2 first show you may be the tremendous power of what it's already Able to do and then step back little by little showing you how to build a component So I'll finish o u components that I have build and I have been able to To manage them so I've got a few here obviously got a lot a lot in Archive what these are few that I've done and as you can see there is component Builder 44 the Gallop is this component Builders for developers and how to And there's the three component the order and that all three of them are living inside the same Component builder the only change between them is really the The database in certain things that they compile but they all are using The same admin views they all using the same Infrastructure information settings and so forth So really it is it is that simple to have one component An Avid in different versions made available to your clients and All possible in component builder by Simply copying one and then making changes to It's one now it links to views and all that I'll explain as we continue What I need to do now is I'm simply gonna take the compiler And I'm gonna compile the public the free one because I'm gonna use that to show you How to build your own component ok so I'll compile it Start up the compiler and all the script taking all the data in the day Metabase and puts it into the code that we would then need to run the application Ok it's done compiling as you can see Tells me how many lines is written it does me how many hours I saved if I had to Road right Does lines manually you can read through some of that it's quite interesting I'll be I spend much more hours on this than what the sense there but that's why these are just estimate And based on calculating the 9 numbers and not really Connecting the actual interacting action that we've had you can install the car Component if you've done it right just clicking there or you could download it and install it Swear or we could use this URL which is now at the moment relating to my offline in Environment and once you've done whatever you wanted to do if you click this Womane need it but if you're running on the online Environment and you use some of these links to install it elsewhere then play Please remember to clear your temporary folder because if your down there this a component Can be downloaded in your temporary folder and to show you that it me open that website And then let's go to it's temporal temporal folder And you can see there is there is the component in a zip file and And you you realise that anyone that can access this file can download it So just let you know it I'll be mentioning this a few times because I realise part of why Are you might be interested in using my application is because you want to ensure that what you do remains Yours and this is part of what you need to know to ensure that Ok I'm gonna run a c if I have a bash script that reminds me That I haven't made a comment on this so but just my Script let me quickly do that before we go on ok Done I'm gonna open a test website and I'm good Gonna run everything there me just login ok so I mean the installing air Area is basically a blank test website just installed it And I'm gonna use this link here so are using URL Then there a click install it should say the following to you win Dumb that just a side note if you've started working with component Builder As a free version and you've purchased Beastly one of the paid versions The difference between them is only the data that is in the database the features and the function Colour all the same And so if you have installed the free version You would need to now at the database Information from the paid versions Now to access the database information in your component Let me see I'm gonna go to the zip file here in my file system hold on Ok we've got the zip file open here Would go to admin Then go to SQL Then you'd see there is an install file Install file You'd wanna open it And Guarantee it's it's the file that we are using to build a database And Once you've come finished looking at all the Tables at the very bottom of the file After the tables Will be dumped information Now with the free version It's basically the fuel types That we've added And also some I think help menu information Correct Anyway With the paid version there will be many more How much more details there And Belt two ways for you to do this one would be simply to uninstall the freeways in Uninstall this one that you purchased When you do updates it will never Update this information Joomla only uses this one it doesn't fresh install Because that's the only time you create the tables I didn't add this data to and install instance since that would be Way too much And So I've realised that They are I might look at building a script that could deal with this but I haven't done so yet The second way to do this is if Line truncated
+Ok here we are in component builder at the dashboard in the back [00:00:06](https://www.youtube.com/watch?v=t6Eux157428&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h00m06s) End of a Joomla website I would like to first show you may be the tremendous power of what it's already Able to do and then step back little by little showing you how to build a component So I'll first show you components that I have build and how I have been able to To manage them so I've got a few here obviously got a lot a lot in Archive But these are few that I've done and as you can see there is component Builder for developers there's component builders for developers and how to's And there's the three component builders and they are all three of them are living inside the same Component builder the only change between them is really the The database in certain things that they compile but they all are using [00:01:10](https://www.youtube.com/watch?v=t6Eux157428&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h01m10s) The same admin views they all using the same Infrastructure information settings and so forth So really it is it is that simple to have one component And have it in different versions made available to your clients and with all possible in component builder by Simply copying one and then making changes to that copied one now it links to views and all that I'll explain as we continue What I need to do now is I'm simply gonna take the compiler And I'm gonna compile the public the free one because I'm gonna use that to show you How to build your own component ok so I'll compile it which start up the compiler and all the script taking all the data in the database [00:02:14](https://www.youtube.com/watch?v=t6Eux157428&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h02m14s) and puts it into the code that we would then need to run the application Ok it's done compiling as you can see it tells me how many lines is written it tells me how many hours I saved if I had to write those lines manually you can read through some of that it's quite interesting obviously I spend much more hours on this than what they says there but that's why these are just estimates And based on calculating the 9 numbers and not really Calculacting the actual interaction that we've had you can install the Component if you've done it right just click in there or you could download it and install it elsewhere or we could use this URL which is now at the moment relating to my offline Environment and once you've done whatever you wanted to do if you click this [00:03:18](https://www.youtube.com/watch?v=t6Eux157428&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h03m18s) Whom you needed it but if you're running on the online Environment and you use some of these links to install it elsewhere then play Please remember to clear your temporary folder because if your don't this component Can be downloaded in your temporary folder and to show you that it me open that website And then let's go to it's temporal temporal folder And you can see there is the component in a zip file and And you you realise that anyone that can access this file can download it So just let you know it I'll be mentioning this a few times because I realised part of why Are you might be interested in using my application is because you want to ensure that what you do remains Yours and this is part of what you need to know to ensure that [00:04:22](https://www.youtube.com/watch?v=t6Eux157428&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h04m22s) Ok I'm gonna run a I have a bash script that reminds me That I haven't made a commit on this so that's just my own little Script let me quickly do that before we go on ok it's done I'm gonna open a test website and I'm Gonna run everything there let me just login ok so I'm in the installing Area is basically a blank test website just installed And I'm gonna use this link here I use a URL paste it in there and click install it should say the following to you When you have done that just a side note if you've started working with component Builder As a free version and you've purchased obviously one of the paid versions [00:05:26](https://www.youtube.com/watch?v=t6Eux157428&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h05m26s) The difference between them is only the data that is in the database the features and the functionalty Are all the same And so if you have installed the free version You would need to now add the database Information from the paid versions Now to access the database information in your component Let me see I'm gonna go to the zip file here in my file system hold on Ok we've got the zip file open here Would go to admin [00:06:02](https://www.youtube.com/watch?v=t6Eux157428&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h06m02s) Then go to SQL Then you'd see there is an install file Now this Install file You'd wanna open it And Guarantee you would see it  it's the file that we are using to build a database And Once you've come finished looking atLine truncated

004-General-Planning.md

@@ -1 +1 @@
-What do you want to build a component In component Builder You need to come Is a number of things that you need to You need to know what you wanna build You need to know the database structure Set up These are mostly things that you will only know If you have a great Good Understanding Of A table And A database How you Would like to have it No you do not know that I could give you some pointers Needed And at the same time try to Splain Why Ok so We are using Summon distributor That I Develop For Distributing Sermons We using that as our demo Component that How to build So you need to know what you got it So we recorded Then You would need to know The back interviews Now the backend views in Joomla Must be Tightly connected Two Database And possibly In such a way that it Makes sense Database Naming I am not going to be able to To do an extensive Explanation By just By illustrating what Is the best Convention of Obviously component builder will allow you to To break these But later you with Regret doing And gossip We have to read You do a lot of thing The purpose being that Good lot of these convention They are up To implementation Other areas like your crust Ok so We first knew that when we were gonna build Understood That is for fuel Sorry back in views Needed to To be set up Because we wanted these Beaches in Inside of Hulk And that is the sermons I had a List View Of Sermons and Well and Editing View of a And they shared a common data Database And so we had preachers As well Series list And series And they all share and as you can see there they actually Representative Views But one database table That means to Vuze a listview And an edit view and you will hear me repeat these concepts over and over and if I get Confused are please forgive me as just so much repetition that you need to understand that When I talk about views Rural I always talking about the list View If I talk about View Singular I'm always talking about the editable view which is basically in relation to the backend relay Sorry connection of the type database self So you back in usually forms the connection to the database Your front end is much more than they make and that's why we also have a dynamic Get concept which links to site views which is the front of your component these Things will take quite a lot of explanation if you not nude if you sorry if you're new to coding and pH HP and all that JavaScript CSS You possibly get lost but if you're not you'll be very happy in the way with implemented because it leaves With a lot of Dynamics and maneuverability Which is obviously partly why I developed this component because all the others felt Are the component Builders out there felt like a cut like a cookie cutter you know you you can really own Crank out components that are sort of common to each other and I want to build something that's really Dynamic so Barkly for that the site views and the custom backing views are Mostly the same kind of implementation both drawing their data from The Dynamic get Feature in component Builder So you can think of these 23 sorry as working as a team But the back in views stand as the database for these So you need to set up these first and add to them all All the necessary Fields which will then map the database Columns which you can then through the dynamic get connect to so that you can Formulate a data model Which can be reused in your custom backend and in your sight views so I don't know Does that explain it to you let me try again Just to make sure I have everybody on the same page your back interviews are there Tightly connected to database structures so even if you were to look at Proponent order itself You have what is called components And if you were to open one it has fields in it And if you want to go to the database And also open component Builder Component the same table And you to click on structure you would see that the fields That we are seeing Here Your name came Codename version version updates Box Short description Copyright Movies names Are actually mapping directly into the database at licence that it There is name is obviously alphabetical name Codename number images slice Email CSS copyright If it really directly Maps to the database and it is in a way Editing the database through this view So When it comes to the components you're your back in views are all being limited to this Structure And this is not a limitation on component Builders behalf really it's really the way to my love I want you to implement it by doing it this way your class is your model two controllers and Everything else just behave right because of that implementation now I know some might If you know that is a major limitation but that is the Joomla API is implementation and if you Go Beyond that kind of infrastructure you must pop it probably need to look at Way than using component builder because we only implemented it that way so that your Your back interviews directing Maps to the database But bLine truncated
+What do you want to build a component In component Builder You need to come prepared There's a number of things that you need to know You need to know what you wanna build You need to know the database structure that you want to Set up These are mostly things that you will only know If you have a great Good [00:00:22](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h00m22s) Understanding Of A table And A database and How you Would like to have it mapped Now if you do not know that I could give you some pointers on some of the things you we Needed [00:00:39](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h00m39s) And at the same time try to explain Why you need to know these things Ok so We are using Sermon distributor which is a component that I've Developed For Distributing Sermons [00:00:58](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h00m58s) We using that as our demo Component that we are demostrating and how to build So you need to know what you gonna called it So we called it Sermon Distributor Then You would need to know The backend views Now the backend views in Joomla Must be [00:01:19](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h01m19s) Tightly connected To a Database And possibly In such a way that it Makes sense that the database Naming conventions and everthing follows soot I am not going to be able to To do an extensive Explanation on all this [00:01:37](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h01m37s) By just By illustrating what Is the best Convention of implementation Obviously component builder will allow you to You break these convenstions But later you would Regret doing so And Possibly have to [00:01:51](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h01m51s) redo a lot of things The purpose being that A lot of these conventions They add up To implementation in other areas like your costum field types and so forth which we will get to in a moment, well not a moment, well not a moment a few videos from now Ok so We first knew that when we were gonna build Sermon Distributor That is four field [00:02:20](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h02m20s) Sorry backend views Needed to To be set up Because we wanted these Features Inside of our component And that is the sermons I had a List View Of [00:02:33](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h02m33s) Sermons and as well and Editing View of a sermon And they shared a common data Database table And so we had preachers As well as Series list And series And statistic and statistic [00:02:51](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h02m51s) And they all share and as you can see they actually Represent two Views But one database table That means two views a listview And an edit view and you will hear me repeat these concepts over and over and if I get Confused are please forgive me as just so much repetition that you need to understand that When I talk about views plural I always talking about the list View If I talk about View Singular [00:03:27](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h03m27s) I'm always talking about the editable view which is basically in relation to the backend relay Sorry connection of the database itself So you backend usually forms the connection to the database Your frontend is much more dynamic and that's why we also have a dynamic Get concept which links to site views which is the front of your component these Things will take quite a lot of explanation if you not new if you sorry if you're new to coding and PHP and all that JavaScript CSS You possibly get lost but if you're not you'll be very happy in the way with implemented because it leaves With a lot of Dynamics and maneuverability Which is obviously partly why I developed this component because all the others felt [00:04:21](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&t=00h04m21s) Other component Builders out there felt like a cookie cutter you know you you can really only Crank out components that are sort of common to each other and I wanted to build something that's really Dynamic so Partly for that the site views and the custom backend views are Mostly the same kind of implementation both drawing their data from The Dynamic get Feature in component builder So you can think of these two, three sorry as working as a team But the backend views stand as the database for these So you need to set up these first and add to them All the necessary Fields which will then map the database [00:05:16](https://www.youtube.com/watch?v=gEgwiVNj6N0&list=PLQRGFI8XZ_wtGvPQZWBfDzzlERLQgpMRE&Line truncated