DesarrolloLibre, Mobile App for Android, Online Courses and Blog
DesarrolloLibre Mobile App for Android Online Courses and Blog V1
I wanted to introduce you to my free development application and also to the Academy that is to say the part of the courses that is the one we manage here here in Android format that is to say completely native for Android this application in case you have questions I generated it with Flutter with this I can take advantage of the project according to what Flutter allows us for multiple technologies or multiple operating systems such as Windows macOS Linux also iOS and of course Android would also be web but I already have the web so I wouldnt be interested So what do we have here to present it to you The blot which would be the blot that is to say what we have here would be the Academy part which would be what we have here and it would also be the user part which in this case would be for the login So over here well it has a little bit of what you can see it has a Dark Mode that I am managing in this way we have
Blog
This always sometimes takes a little while to reload especially in the emulator here we have the typical categories part so you can search for posts by categories First I'm showing you the Blog part here you can filter by language as you can see or you can perform a search here and hit enter there We also have the posts part which is the same as the list we have before but here they appear sorted by date while in the other it was sorted simply by category here Well you can see how the search works you have to hit enter to search for the associated posts you can see the courses that is to say the publications of the courses that I have and also here you have the books part that is to say a classification by books that would be the detail in this case well this I'm already changing it a little for the next version but here I divided it into two since this is html content I'm using a viewer here that is to say the webview which is really a nightmare the webview part for when you want to manage it on multiple operating systems since for example for Mac I have not found they are in development or are outdated for Windows it is found for Android and iOS I also found one but That's what I mean by The Nightmare, something as simple as a webview becomes a little nightmare, so here we have the title, I mean the image, the title, the tags and the categories. I've already changed this distribution a little because I'm already releasing the next version on the date I'm recording this class, but right now I have it like this here, I'll import it before, notice that it's the detail.
Academy
So lets go with the most interesting part which would be the Academy notice who I am authenticated here a little bit typical how the application works here natively here we have what would be the detail and also to buy just like we have here then here it would send me the login page here we have the detail part which works the same way as it works here here we have some little arrows Here I am also using a webview to place this it was a little nightmare and then I will talk about this in another video and here you can Play the classes and here we have what was expected to be able to Navigate between the sections as we have here we have the class notes in case you have notes we have the part of the comments on the course and everything you can see here again this is the first version and here You can adjust the size of the box a little to make it easier for you you can also use the full screen mode here which is what I would recommend so that you can see it without problems Im going to give it back here perfect and Okay here Finally we authenticate here Log in or you can also register if you dont have an account Okay This is a user I have here for tests I have not verified it but I manually assign the courses and so on
Here I have already enrolled or I already have the courses to which I am enrolled so well we click here to go to see the details since I acquired this course and here I have good access to the courses to see it just as I did from the web application but now you also have the feature that you can consult it through an application on Android So what else do we have here I also have here a new tab that I placed for the free courses in which the free courses will appear in this case as a celebration for this new application here I launched a couple of courses in their light format that is with some sections of the most famous courses that I have which would be the Laravel and Django courses that we have here
So you can access them completely for free see the first sections of the course without any commitment the only thing you have to do is obviously register on this platform and you can consume it through the Academy platform which is also available here as you can see it is the same content it is the same database or you can see it here directly on Android if you have an Android device which would be the most convenient in your case and well the same here here we have access to the courses that you have purchased whether they are paid or free
Windows and MacOS
Coming soon My idea is to take advantage of the ecosystem that we have in Flutter to launch it on other platforms here for example I already have the one for Windows that I like more than the mobile one in which well in case you also want to see it this way since also in Windows we dont have as many problems because we can access it through the web which is quite comfortable then here we have the same application here look well to go a little bit into the development topic I also placed it here adaptively So here we have well this is another version By the way this is the one that Im preparing to launch in the next few days or weeks here we have more or less the same thing here I also added a favorites feature so you can save them here in favorites
Questions random
A part of questions that I am also implementing to date that well is like modesty part like Duolingo but much simpler Of course here you put Well here you put all the bad ones t cu I am doing here it tells you which one it is and well to practice a little there in a way of entertainment you could say then here we also have the same the Academy part here you can see how it works and from here you can also see all the Music content here Well This is the webview for Windows here you can get one for Mac I am still on it and already the application in Windows is also practically ready and I will surely launch it in the next few weeks as regards the application in Windows the update for since again Remember that it is the same source code I will update it in the next few days to the date of this class since my idea is to go little by little as I add additional changes that is to say updates I am going to create a video on YouTube so that you can see What are these changes that I am making at the level of the application and the project so well the changes that I am making here I better talk about in a next video so as not to mix things but I wanted to show you that this application exists to date and also this is basically as I told you in the first version little by little adding more features correcting errors improving the interface But remember that I am only a developer I am only a person who maintains everything that you are seeing on the screen both the applications and all the content that I generate apart from my personal life so thank you for getting to this point in case you are interested in acquiring the application which again is completely free I leave you the link in the description of this video so thank you for watching
DesarrolloLibre, App Android, Cursos Online y Blog - V2, questions and answers multilingual
I wanted to give you some news about the Flutter app in this case for Android since at the moment it is the only platform that I have available and this would be version two So here you can see what the news would be
The first thing is here I think it is the most important part support for multiple languages well in this case two thats what I mean whether English or Spanish and you can see that here the whole interface changes of course it is the interface Remember that all the code well the content consumed for example here at the blog level which I translate into English and Spanish obviously here that is not translated Although again for example in the case of publications if I put here in this case I have the language of Spanish and then automatically the filter that we had implemented before in the first version will take the filter here so that it only returns the results in Spanish while here I put the profile to be in English the filter will appear in English only those that are in English but again for example the content obviously of the courses that we are consuming those will be in the language that they are in arranged which is always in Spanish and well here you can see that I do not have any posts in English So thats basically it
Post Favorites
Here we also have the Favorites section as I was telling you So now we can add a post to favorites here I add this one for example this one for example I come here and go to Favorites and here lists will appear as you can see in case you are interested in something you want to save it to read later Well what else do we have here is the questions section which is a section that I am going to work on little by little And obviously there will be more content here since this content is not stored directly in the application if it is not available in an API through the free development application which I have here developed with Laravel So here you will find well for this presentation the available questions in which you select For example if you want some questions for Django and Flutter which are the two that I have in this example here the lists would appear again At the moment I have a set of questions for each of them and here the dango ones would appear which are translated here since I also translated the questions depending on the users language that is they are simply the same set of questions and I translated them either into English or Spanish to Spanish depending on the profile language
Questions and Answers
So now I go to the questions they are here all in Spanish as you can see I think I had placed the one from diango I go here quickly and now here it is in Spanish well its use is simple here in green the correct ones and red the incorrect ones for the rest all this is at least for this version it stays local it is not even stored it is simply like a game that we have here in which you place here what the correct question would be and here it gives you a warning when you make a mistake like in this case I made all the mistakes in this case to place what Command is used to create a new application it would be the stap one and there we have it here it appears as correct so little more to say here well what else do we have that is new for this version also I made some changes to make it more user friendly the courses part is precisely the Academy part of course then they are the courses well obviously if you want to consume here I go to this one for example and here we have this little button
Improved Responsive Mode
Well here on a phone again this depends on the screen layout as you want to place it if you rotate it maybe it is more userfriendly Although again it depends on the size of the screen since if it is for example you are consuming it from a tablet then surely you put it in landscape mode that is to say this rotated but here we have this button in which you can show or hide this entire block that would be the part for well exactly what we have here all this this label that is to select the sections class notes you class notes comments and about course is the same as we have here you can hide it to have more space to view it since well the problem that we always have here on Android is that we have little space for the graphical interface elements of our application for example here I changed the mode here it may make a little more sense and now Here you have a little more space to view the content Here I also placed and you have this in parallel all well the tree here of the labels we have them available here in a hamburger type menu as you can see here you can Navigate between all the sections apart from that some errors corrected that is being the normal that I found here at the application level so thats basically it Remember that if you want to download the application Ill leave it in the description of this video
DesarrolloLibre, App Android, Cursos Online y Blog - V5, Books +
I was just passing by to mention the changes I'm making to the Academy app that are already in production for version 5 to date or for this video, apart from bug fixes which is a bit normal and also some other style changes that I'm doing here and there, for example right now I shrank the size of the images a little so that it doesn't seem so long, which is the detail of the publication here you can see that it now seems a little smaller so that it is simply referential, here I also added that the most important part is the management of the books or rather Here you also have the possibility of acquiring the books from the app from the books section.
Then you go here to the books section. Remember that there are two main lines, the blog here with all its classifications and the Academy part which is the part, so to speak, of courses and books. Here now we have the books part. So here, for example, here it appears that I purchased this one and here others appear that I also purchased and others that I have not purchased. I am already authenticated, therefore here the screen changes a little. Here we can click on buy and the typical widget would appear to pay in this case through PayPal, which is currently the preferred platform.
Here is also an interesting case in case you have purchased another course or another book. Here also remember that this generates a coupon for you, it is usually a $ coupon if it is a free course, if it is a single course, an individual course and it generates a $ coupon for you if it is a pad, therefore in this case for this book that only costs $, if you already have that coupon you can apply it here and the book would be free. I am going to show you here a little bit of what would be something that I have purchased here. I do not have any viewer here, what it does is load the page, load the html.
Download Books
here you have the download options I give here to download PDF what I did was come to a separate link since doing it directly to the download to handle it from Flutter was a little complicated and in the end I simply wanted to Download the file, which is what you are doing here at first I don't know if it works for me in the emulator there it might have to do with it and well I don't think it doesn't work because of the emulator but here what it does is Download the PDF in your pre-selected downloads folder that you have defined there so well nothing Those are the changes that I made for the new version of the Academy So remember that if you have not downloaded it you can download it is completely free and here you also have access to the courses according to what we saw before that You have acquired either good again to acquire them or simply to view the content so without further ado see you in another video
- Andrés Cruz
Develop with Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter