No computer? No problem.

A guide to get you started learning web development with nothing but an Android phone.

·

3 min read

No computer? No problem.

Nowadays it is really easy to get started with web development without owning or being around a computer. While having a computer would be easier sometimes that isn't always the case. Whatever your case might be, There are ways to start learning. Many Android phones have the floating video player option. Where you can watch a video while you use another app. So you can watch a tutorial and follow along. Youtube has a floating video player on android.

How to get started.

First go to your playstore and search for Acode.

There is a Free version as well as a Paid version.

Or you can check out the official website Acode

Screenshot_20220715-122559_Google Play Store.png

After you download it find the app icon in the app drawer.

The free version has a white background color. The paid has a dark background color.

Screenshot_20220715-120235_Nova7.png

At this point we should create a folder on our phones internal storage where the files will be saved to so we can access them later.

Go to your files app.

Screenshot_20220715-123738_My Files.png

Create a new folder and name it whatever you would like.

Screenshot_20220715-123859_My Files.png

Next open the app to be greeted with an empty text editor.

Screenshot_20220715-120321_Acode.png

From here you can open the hamburger menu on the top left side of the screen and search for the folder you just created.

Screenshot_20220715-120330_Acode.png

Click the + icon and hit add path.

Screenshot_20220715-125104_Acode.png

Click on select folder and find the folder you made to store the files in.

Screenshot_20220715-125117_Acode.png

After you find the folder in your phones storage. Click on it and select "Use this folder"

Screenshot_20220715-125202_Files.png

Allow access to the folder for the app to get the files.

Screenshot_20220715-125206_Files.png

Next click ok.

Screenshot_20220715-125225_Acode.png

Now when you hit the hamburger menu again your folder will appear.

Screenshot_20220715-125331_Acode.png

Long press on the folder you just added and select new file.

Screenshot_20220715-125348_Acode.png

Name the file index.html

Screenshot_20220715-125455_Acode.png

Next on the new index.html file you have just created. Type HTML and you should see a snippet list show up. Select HTML5 and a boilerplate will be added.

Screenshot_20220715-125620_Acode.png

Screenshot_20220715-125636_Acode.png

From here you can change the title to whatever you want and add some HTML tags to the body.

After you add stuff make sure you hit Save!

Screenshot_20220715-125815_Acode.png

Finally we have made it to where you can live preview the site you have built. Simply hit the play button at the top right of the app and it will open the in-app browser.

Screenshot_20220715-125834_Acode.png

Boom! You now have made your first webpage on a mobile phone.

Screenshot_20220715-125844_Acode.png

From here you can now go on and watch some tutorials and read up on documentation to learn more and come back to the app and practice what you learn. Some sites that i read documentation from are MDN for HTML and CSS, HTML website, and for Javascript i use Javascript.info. Or you can go to youtube and watch your favorite Web Dev youtuber to learn from. A few that I have used in the past to learn from are Traversy Media for HTML and Javascript. And Kevin Powell for CSS. But there are plenty of free resources to learn from.

The possibilities are endless at this point. Now go out there and learn!

Did you find this article valuable?

Support Nuggxt by becoming a sponsor. Any amount is appreciated!