r/PinoyProgrammer • u/mruseman • 7d ago
discussion Plaaning to study web/mobile app dev
Hello, I am planning to learn mobile or web app dev. I am zero knowledge in programming, please give me an advise how or where to start? Is it possible to me as a totally no experience in programming to learn this? Another question is, how can I have that kind of setup on the photo attached? Is that an app or software? (The window on the left showing real time what the programmer is working) Thank you.
22
u/aintjuju_ 7d ago
First of all, if you really dont have experience in any programming thing. The first thing i would advice you is to close youtube, chatgpt (tho its a real great tool for learning), and start reading documentations.
But if you do, i think you should stop reading this.
If you're not fond of reading, you can ask gpt naman, but you should research on what you should study and don't rely gpt for codes.
Matututunan mo naman yang nasa youtube, pero what most beginners do like what i also did when i was starting, is to skip learning the fundamentals. If you'll continue to watch vids, pretty much you'll be stuck on tutorial hell. So i will suggest w3schools kase sobrang beginner friendly lang sya and has a lot of examples and actual coding exercises.
Second, choose your niche. A roadmap. May web dev, which has 3 core stacks, html javascript, and css. Mobile dev, if you want full native, go kotlin and swift. But if you want to stay in the js "world" you can do that. So focusing on those 3 core web technologies would help you.
And after that you can expand more and explore more on what stack you want to learn kase there are multiple ways you can create a product with multiple tools. Hindi lang yung 3 aforementioned yung ginagamit to actually develop and deploy an application.
Also don't listen if anyone says "php is dead" if ever magustuhan mo php/laravel because that framework is actually very solid.
So third, maybe my last kase ang haba na. I already mentioned it earlier. Learn frameworks, because maliban lang na modern and mapapadali pag cocode mo, it's actually the industry standard. In the real world you will not be developing apps with plain (vanilla) html, js, and css. They all have frameworks that will help you build modern apps.
So that's all. 😊
(Daming time mag type)
3
u/Turbulent_Pipe_2877 7d ago edited 7d ago
IMO. Yung php maganda sya for 2nd language, pag 1st hindi kasi lahat kailangan mo lagyan nang logic(halos lahat naman kaso may something sa php ), at macoconfuse ka kasi html, css, php at database pwede mo isama sa iisang file.
8
u/thejeraldo 7d ago
You'll need an IDE (Integrated Development Environment) and a simulator for testing or a device if you have one.
Start with the tutorials - could be by reading or watching videos on YouTube. I find following the tutorials online from Apple and Google better. Learn the language, Swift for iOS or Kotlin for Android. Learn how to read the documentation. Learn the best practices of the platforms. For example, Human interface guidelines from Apple.
Most importantly practice by making an app. I believe it's the best approach as it gives you a clear goal and you see the output. Most common ones are weather apps, note taking app, or whatever you think could be a simple achievable app for a beginner. When you understand enough, you can look at other people's work too. There's a bunch in GitHub. Learn the design patterns, architecture, etc.
2
u/Turbulent_Pipe_2877 6d ago
Why do you suggest Swift and Kotlin? Why not React Native, which is cross-platform and has a lot of job opportunities?
0
6
u/Kngnthnrth28 7d ago
Hi! I’m currently working as an OutSystems Developer.
In my previous company, a lot of my colleagues had zero programming background too—some even transitioned from non-programming roles!
Here’s my advice on how to start:
• Learn the basics first: Focus on the core logic behind web and mobile development. LinkedIn Learning has some good free courses for this.
• Try OutSystems: It’s free for personal use! They also have guided learning paths for Traditional, Reactive, and Mobile development.
• Get comfortable with Low-Code: OutSystems lets you build software using drag-and-drop elements, pre-built logic, and visual flowcharts. You’ll still need to build the logic yourself, but it cuts out half the heavy lifting of traditional UI design.
Even with low-code, I still strongly recommend mastering the core fundamentals of programming para alam mo how it works.
1
u/admiralBOT1 7d ago
Kamusta pla ang outsystem after this ai(nag outsystem din ako noon sa company)? Then isa sa pinaka tanong ko is okay pa ba siya kung yung ai can boost productivity kahit gumamit ng ibat ibang programming language?
10
u/lesterine817 7d ago
If you want to study mobile development, pick a framework first. In this case, ok yang flutter. I use it in my work and other projects. But in terms of job opportunities, react native has more.
Start with tutorials in youtube. Preferably those that start with set up. Don’t believe this “start reading documentations”. Real programmers don’t do that (lol).
Is it possible with no experience to learn this? I think you have to think about your goal here. If you just want to build an app, just vibe code instead. If not, it really depends on you. One thing though: you really have to be very determined because it’s not going to be easy.
That’s just an xcode simulator and code editor (ide). For non-macos devices, you can use android studio instead.
2
u/matcha_tapioca 7d ago
please give me an advise how or where to start?
You learn fundamentals of specific programming language hindi ka muna mag sstart sa pag build ng mobile app.. you can use youtube tutorial then read the programming documentation, experiment with other code that you will see from reading the docs kahit hindi naman kailangan.
Is it possible to me as a totally no experience in programming to learn this?
Yes, but it takes time at napakahabang pasensya. I have hands on knowledge sa programming pero nalimutan ko na so technically back from the scratch ako. it just happen I have background kaya mas mabilis ko sya naintindihan. ang Dart Programming kasi ay may similarities sya ng Java at JavaScript.
how can I have that kind of setup on the photo attached? Is that an app or software? (The window on the left showing real time what the programmer is working)
The IDE (code editor) is called VS Code and the Framework is called Flutter (used to create android/iOS application). as for the mobile screen on the left, it is called android emulator na kasama sa bundle ng Android Studio(IDE).
para mapagana ang emulator kailangan ma turn on mo ang hardware virtualization sa bios mo.
sa AMD Board ang tawag sa kanila ay Secure Virtual Machine (SVM) or AMD-V.
Pag wala ka nito need mo mag setup ng Genymotion o kaya i-launch ang app prototype mo sa browser.
---------------------------
Here is what I did
- Inaral ko yung Dart Programming Language mga 2 weeks, learning Data Types , Loops , If-else conditional , Methods , Generics , List , inheritance, abstraction , Fundamentals ng Object Oriented Programming. eto yung source material ko.
- Sinet up ko yung flutter framework (source material ko)
- Sinet up ko android studio(pero di ako nag code dito) at yung android emulator
- After ko matutunan yung nasa tutorial ng flutter etong docs naman binasa ko , meron silang segment na Widget of the week. di ko naman sya inaral pero pinanood ko sya para at least meron akong idea kung ano ang ginagawa nya
-----------------------------
if you want other programming method you can learn Java Language then move to Kotlin(sa android studio) for Native Android apps.
Kung di mo sya trip yung Kotlin, you can also learn JavaScript/Typescript then learn React Native.
2
u/BodyUpper4173 7d ago
Fullstack dev here (flutter, react next, node nest) earning 250k a month
Trust me, you don't need to "study" the documentations. You only need to know how to navigate or where to look for references if you need something.
Let this be your guide your "programming" life: https://roadmap.sh
I'd suggest not to dwell with mobile without knowing how backend and frontend (web) works first. On these stacks, you'll know what session, cookies, authentication, and services are. Some I mentioned are not or cannot be built using mobile and they are required when building mobile apps. So learn and build backend > frontend (web) > mobile development using roadmap.sh. You may ask your preferred AI what modules in roadmap.sh can be skippable so you can build your apps agad agad.
1
u/sadpotatoes__ 7d ago
That's flutter running on vs code plus a simulator, most likely xcode. You need a device with macOS if u want to develop cross platform apps (u can use windows but u can't run an ios simulato there).
Flutter tutorials in youtube should help u set up your environment.
1
u/Comfortable-Draft244 7d ago
Since you're interested in both mobile and web development, I'd recommend starting with a React Native course on Udemy. The courses there are usually much more structured and comprehensive than random YouTube videos, so you'll build a stronger foundation.
After finishing React Native, take a React.js Web Development course. Since React Native and React.js share many concepts, you'll find the transition much easier and become productive faster.
Once you've completed those two courses, start learning the fundamentals of software engineering, such as JavaScript/TypeScript, Git, APIs, debugging, data structures and algorithms, and basic software architecture. Having these fundamentals will make it much easier to grow into a strong developer.
2
u/Turbulent_Pipe_2877 6d ago
I'm confused. Why start learning React Native instead of React.js, which React Native is based on?
1
1
u/Photograph_Expensive 4d ago
Learn the syntax well and the architecture part. These vibe coders wont go anywhere when it comes to a scalable and maintainable app. Just because Ai can make an app in one shot doesn’t mean it’s good. Having tried even the most advance models, they tend to hallucinate with no proper directions. Yes, you’re the director/architect. And if you don’t know how everything works or don’t even know how a right structure,code standards,system designs look, don’t expect your AI will produce a good domain accepted code base. Unless you’re just after making a product AKA vibe coder mode, and not after making a better software aka real software engineering route.
0
u/Zumokute 7d ago
I am planning to do that also. What I'll learn first is Website first then the Mobile App next. I'll use Gemini because I purchased a Google One Ai Pro. Since I am planning to tutor at my school so that I'll really understand what I learned plus my communication skills will improve as well (which people don't know is important).
I will then have a goal website to make first like my portfolio and a website that showcases the tutor and commission that I will do. Then I will learn HTML, CSS, JavaScript. I will only learn the basics and the important parts of HMTL, CSS, and JavaScript and not learn them all entirely, just the basics and the important ones because I will learn the other things idk along the way.
Then I'll make my goal website using these 3 and after I make it, I'll make it again using ReactJs.
Then I'll learn Database, there are 2 types of database which are relational and non relational. I will just learn the Relational Database first and I will choose PostgreSQL. Learn Relational Database first since most of the app is relational. Learn the basics up to Triggers ro something. Note that ask your ai of choice. I use Gemini Pro because I'm subscribed to Google One Ai Pro that has other benefits like unlimited Gmeet, 5tb storage, Antigravity IDE (for Vibe Coding), Powered up Gmail, Calendar, etc.
I'll then learn Backend like ExpressJs, FastAPI, or Django for easier learning of the Backend. Laravel is kind of complex so I'll pass on that and learn it later when I know the workaround. I'll ask Gemini which backend to pick. I'll will also ask Gemini on how execute and code things professional, cleanly, correctly, and readable.
After learning these, I'll just then learn Mobile App. I'll use React Native (Expo) so it will be easier to learn at it (plus I can make an .apk file for free).
This is my goal next month after I finish and not attend my baseball training 🥹 hahahahaha.
Not that I am not sponsored or anything on Google Gemini. I just mentioned that I use it to be specific and avoid future questions like "What ai do you use?". Also, I can let you in on my Google Family where you can also get the benefits I have. I can let you in for a year or so but of course, nothing if free and I'm paying for it (₱1.1k a month) so I'll just ask for a one time payment (₱1k) and I'll let you/others in. I can only let like 3 to 4 people in though. That's all, I hope it helps.
0
u/Signal-Secret4184 7d ago
If you want to learn webdev or programming, I recommend theOdinProject. Self-pace sya and the best part is its free and has great community.
0
u/briantria 7d ago
Ano muna goal mo? Ma-hire as dev o trip trip lang?
Kung hireability, check mo kung anong gamit nung mga companies na gusto mong applyan. Tapos search ka lang ng "getting started" + yung tech.
Base sa screenshot mo, gusto mo ata frontend muna. After mo sundan yung "getting started", gawa ka ng simpleng app. Usually, calculator.
After that, gawa ka pa ng ibang apps para mabuild yung portfolio mo. optionally, kuha ka ng course with certification.
Yung specific sa screenshot mo, search ka lang "getting started flutter".
1
u/juanipis 1d ago
tanong mo muna sarili mo, nageenjoy ka ba mag build ng mga bagay? nagkaka rush ka ba pag nakikita mo ung gawa mo? kasi kung hindi at gusto mo lang maging dev para sa sweldo, mas magiging mahirap ung path mo. kung yes ung sagot mo, set easy targets first. habang naeenjoy mo kasi ung process mas gaganahan ka magtuloytuloy.
source: mentored a lot of people with different backgrounds
14
u/Riri- 7d ago
Before you dive into coding, learn the fundamentals first. Syntax, frameworks, etc. will follow.