- 48
- 5 402
Developing Guide
āđāļāđāļēāļĢāđāļ§āļĄāđāļĄāļ·āđāļ 28 āļĄāļĩ.āļ. 2024
Hi! I share what I learned from books, courses and more. I am not an expert, just a guy who enjoys learning novel ideas about topics I enjoy.
Feel free to join me on the journey.
p.s.: My name is Wilson! ð
Feel free to join me on the journey.
p.s.: My name is Wilson! ð
New journey! Building a finance tracker app (Part 1)
This is my first BIG project that I will be pursuing, a finance tracker app! I will show you the plan, the codes, the reason behind them etc...
Anyways, just my opinion!
Timestamps:
0:00 Intro
0:11 What is Full-Stack?
1:26 Things I learnt before starting this project
2:35 The Plan
5:36 So ya!
Anyways, just my opinion!
Timestamps:
0:00 Intro
0:11 What is Full-Stack?
1:26 Things I learnt before starting this project
2:35 The Plan
5:36 So ya!
āļĄāļļāļĄāļĄāļāļ: 316
āļ§āļĩāļāļĩāđāļ
Use this to learn JavaScript before Christmas!
āļĄāļļāļĄāļĄāļāļ 802āļ§āļąāļāļāļĩāđāļāđāļēāļāļĄāļē
I recently found out about this software called Scrimba, where you can use it to learn Fronend! It also have a special event, Javascriptmas, that you can join for free to learn from a "real-world" scenerios. Timestamps: 0:00 Intro 0:32 The website 1:38 How I recommend using the course 2:35 Scrimba Special Event 3:39 So ya...
Learn these before starting your first Javascript project!!!
āļĄāļļāļĄāļĄāļāļ 9814 āļ§āļąāļāļāļĩāđāļāđāļēāļāļĄāļē
These are the basic functions that I needed to learn before starting my first ever project. Anyways, just my opinion! Timestamp: 0:00 Intro 0:48 Parameters 1:59 Map Function 3:22 Filter Function 5:12 "Special Snowflake" Functions 6:32 So ya...
I made my FIRST React project! [In-depth Explanation]
āļĄāļļāļĄāļĄāļāļ 4821 āļ§āļąāļāļāļĩāđāļāđāļēāļāļĄāļē
The Secret Project that I am planning to make: forms.gle/CXsXwFhgBh5vV1Eq8 This is what I learnt in making my first ever react project! Anyways, just my opinion! Timestamp: 0:00 Intro 0:35 The Project Explaination 11:11 So ya...
The 5 BASIC React hooks and functions I learnt.
āļĄāļļāļĄāļĄāļāļ 45āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are the 5 react hooks and functions that I learnt so far! Anyways, just my opinion.. Timestamp: 0:00 Intro 0:09 UseState 1:31 Props 2:20 Event Handling 3:32 Condition Rendering 4:10 List Rendering 5:59 So ya...
I started learning React... These are what I learntâĶ
āļĄāļļāļĄāļĄāļāļ 54āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are the React fundamentals that I learnt! Anyways, just my opinion! Timestamp: 0:00 Intro 0:10 What is React? 0:36 React Components/Files System (idk what to call it lol) 1:44 The layout of each file 5:25 Setting up 7:40 So ya...
The ONLY 2 tips you need to do to make your day BETTER!
āļĄāļļāļĄāļĄāļāļ 34āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are the 2 tips that I found that help me make my day better! Anyways, just my opinion! Timestamp: 0:00 Intro 0:18 Tip 1 2:12 Tip 2 5:29 So ya!
My 10 "LAWS" for creating a website. [Lecture Edition]
āļĄāļļāļĄāļĄāļāļ 22āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are my 10 laws that I follow when I am creating my own website. This is also me trying a new style of video I never tried before! Idk if I like it or not... Anyways, just my opinion! Timestamp: 0:00 Intro 0:06 Law 1 1:40 Law 2 3:04 Law 3 4:34 Law 4 6:33 Law 5 7:50 Law 6 9:07 Law 7 11:50 Law 8 12:44 Law 9 13:53 Law 10 14:43 So ya...
4 SKILLS to learn to create the PERFECT website. [Resources Provided!]
āļĄāļļāļĄāļĄāļāļ 72āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are the skills that I learnt recently to create a nice website... Resources: My Web Copywriting template: www.notion.so/Website-Copywriting-11299771b2d58057b960dc60eb7ee5ed?pvs=4 th-cam.com/video/e3rcytD5Z_g/w-d-xo.htmlsi=gqx-wXk8nNdtzVte th-cam.com/video/WgXU7XAZYmQ/w-d-xo.htmlsi=N2bDhe230DX0OoV5 th-cam.com/video/bYZkDOwQxfg/w-d-xo.htmlsi=6ZrRLMqrE3Mn8Vl7 th-cam.com/video/_F09_gWs6Z0/w-d...
I Survived My FIRST Web Development Cold Calls.. [FML]
āļĄāļļāļĄāļĄāļāļ 382 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are my first few cold calls to help businesses with their website! Anyways, just my opinion! Timestamps: 0:00 Intro 0:22 Nervous AF 2:56 Cold Call 1 (no ans) 5:45 Cold Call 2 6:18 Cold Call 1 (Call Back) 9:22 Cold Call 3 14:22 Cold Call 4 (Got hung up on)
My SECRET to code websites FASTER.
āļĄāļļāļĄāļĄāļāļ 892 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
This is how I code websites quicker!! Anyways, just my opinion! Timestamps: 0:00 Intro 0:09 How to code SLOWLYYY 0:40 The Secrettt... 1:02 How to set it up 1:37 What to code inside the filessss... 4:19 So ya!
Think you SUCK at programming? Watch this video!
āļĄāļļāļĄāļĄāļāļ 542 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are how I learnt to overcome imposter syndrome, or thinking that you suck at programming! Anyways, just my opinion! Timestamp: 0:00 Intro 0:35 Way 1 - The Identity Shifter 1:08 Way 2 - The Belief Flipper 2:36 Way 3 - The Sleeping Beauty 3:12 So ya...
My 8 Favourite Web Programming Tutorials and Why.
āļĄāļļāļĄāļĄāļāļ 2762 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are the tutorials that helped me on my web programming journey! Hope it helps you too! Tutorial 1: th-cam.com/video/HGTJBPNC-Gw/w-d-xo.htmlsi=qQuV4Fs0s_1Ab8aX Tutorial 2: th-cam.com/video/lfmg-EJ8gm4/w-d-xo.htmlsi=tjwGJROaHr9GM-Ri Tutorial 3: th-cam.com/video/3C_22eBWpjg/w-d-xo.htmlsi=h9qhmY_VeNBNB4wK Tutorial 4: th-cam.com/video/qyomWr_C_jA/w-d-xo.htmlsi=Z6CEOXJ9UQ1fbKfK Tutorial 5: th-c...
5 Beginner Web Programming MISTAKES I wish I didnât make.
āļĄāļļāļĄāļĄāļāļ 1123 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These are the mistakes that I learnt from in my Web Programming Journey! Timestamps: 0:00 Intro 0:07 Mistake 1 1:17 Mistake 2 2:24 Mistake 3 3:07 Mistake 4 3:54 Mistake 5 4:20 So Ya! Anyways, just my opinion!
My SLOW AF guide to setting up first HTML, CSS and JS project.
āļĄāļļāļĄāļĄāļāļ 543 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
This is a SLOW AF guide to set up your first project!!! This is a first video of a series that I will (probably) make! Timestamps: 0:00 Intro 0:20 Preparation 0:45 VERY SLOWWWW Setup w/ Explanation 4:23 How to check if they are linked together? 5:38 Create a new page, Quick Setup 6:59 How to link from one page to another 8:31 So Ya! Anyways, just my opinion!
I made my FIRST clientâs website!
āļĄāļļāļĄāļĄāļāļ 9563 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
I made my FIRST clientâs website!
What I learnt to learn better-er
āļĄāļļāļĄāļĄāļāļ 233 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
What I learnt to learn better-er
How to HYPERFOCUS on your work
āļĄāļļāļĄāļĄāļāļ 754 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
How to HYPERFOCUS on your work
Iâm starting a web development agency! [My Plans]
āļĄāļļāļĄāļĄāļāļ 524 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Iâm starting a web development agency! [My Plans]
I Programmed My First ACTUAL Website. [Concepts I Learnt]
āļĄāļļāļĄāļĄāļāļ 804 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
I Programmed My First ACTUAL Website. [Concepts I Learnt]
How to get ADDICTED to ProgrammingâĶ kindaâĶ
āļĄāļļāļĄāļĄāļāļ 534 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
How to get ADDICTED to ProgrammingâĶ kindaâĶ
My Roadmap to START your Web Programming journey.
āļĄāļļāļĄāļĄāļāļ 2024 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
My Roadmap to START your Web Programming journey.
5 Basic Concepts I Learnt from Web Programming for 1 Month.
āļĄāļļāļĄāļĄāļāļ 4965 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
5 Basic Concepts I Learnt from Web Programming for 1 Month.
1000 VIEWS SPECIAL! What I learnt so far on YouTube.
āļĄāļļāļĄāļĄāļāļ 215 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
1000 VIEWS SPECIAL! What I learnt so far on TH-cam.
Using Physics to get back to work.
āļĄāļļāļĄāļĄāļāļ 1555 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Using Physics to get back to work.
How I found my hobby in Web Programming.
āļĄāļļāļĄāļĄāļāļ 766 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
How I found my hobby in Web Programming.
FIRST TIME Web Programming: These are what I learnt. [Chill Talk]
āļĄāļļāļĄāļĄāļāļ 9136 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
FIRST TIME Web Programming: These are what I learnt. [Chill Talk]
This 1 productivity HACK is LITERALLY so obvious...
āļĄāļļāļĄāļĄāļāļ 226 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
This 1 productivity HACK is LITERALLY so obvious...
These 3 Laws Will Change How You View Work
āļĄāļļāļĄāļĄāļāļ 256 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
These 3 Laws Will Change How You View Work
Learning This Principle Will SAVE Your Time
āļĄāļļāļĄāļĄāļāļ 146 āļŦāļĨāļēāļĒāđāļāļ·āļāļāļāđāļāļ
Learning This Principle Will SAVE Your Time
forget freecodingcamps bros there
Hello
hello
Good Going Mate âĢ
Will do!
Thanks Developing Guide with that we can know what is happen in tech real world I'm also developing my skills in frontend
ðð
Are you still trying cold calling? Dont give up my friend!!
@@Charlie-ci7xn Still working.. âïļâïļ
@ nice glad to hear
Never give up. Trust me you can do this if you truly obsess over it
I cannot agree more. I guess this is what I needed to be productive and to feel less worse everyday. I better try this out ð
Im just getting started cold calling too! Keep it up brother!
Bro thanks a lot for this video nice work you doing keep it up
love the realism here, keep up the great work!
Thankss!! Glad you loved it! ðð
i love u thanks for this bro
HI! Quick one! When publishing, to change from one page to another, instead of putting "(page name).html", I recommend putting "./(page name)", and publish your website on Github. (when coding, put _.html first) Because when you put _.html, the browser will show .html in the url, which is very ugly. And also github will auto know it is a .html file. I dont know about other web publishing site, so ya!
I can assure you, this was very informative and funnyðĪĢ. Your humor is. I can tell you've gotten more comfortable judging by this first video and this. You overcame the fearðŊðŊ you're an extrovert already. Anyways, I'm a web developer in training atm. I'm still meandering the bushes of JS but I love the lang so much already and I can't wait to make magic with it. Keep it up. Subscribed!!âĪ
Thank you very very much!! and goodluck on you JS adventure!! ðð
Surprisingly this is very nice and informative video thank you
Thanks!
try use react
Will do! Thanks!
where did you find your clients?
He said itâs from his dad
Warm outreach. I reached out to people around me who needs a website, which my father is one of them. Soon, I will use cold outreach to reach new clients. At the same time, I hope my father is able to refer to more clients also! ð
Good job
ð
Web Programming video will be out next week!
Good luck. I'm on a similar journey and I'm a self-taught Web developer
Good Luck to you too!
Hey Man , really nice video ! I was wondering if I could help you with more Quality Editing in your videos and also make a highly engaging Thumbnail and also help you with the overall youtube strategy and growth ! Pls let me know what do you think ?
Is Okay, I will continue to do them myself as I enjoy doing them! Thanks for reaching out. ð
I am working in getting my website to sell dijitals,, I just need to find the right package to host my website
Iâm about to make the same project. Now Iâm learning JavaScript
Good Luck! (and rmb that google/ is your bestf ð ð )
I forgot to add this part in the video ð : This is where I learned to remove the navigation bar on scroll! th-cam.com/video/-9aDPbKFwFQ/w-d-xo.htmlsi=Nan0mTqFWhE31WqA
Nav Bar Full Code Nav Bar HTML: <nav id="navBar"> <div class="navItems"> <div class="homeBtn"> <a href="index.html"><i class="fa-solid fa-house fa-xl"></i></a> </div> <div class="navBtns"> <ul class="btnsList"> <li class="selected"><a href="about.html">About</a></li> <li><a href="journey.html">Journey</a></li> <li><a href="myAdvice.html">Advice</a></li> <li class="menuBtn" onclick="showNavbar()"><i class="fa-solid fa-bars fa-xl"></i></li> </ul> </div> <div class="dropBar"> <ul class="dropList"> <li><a href="about.html">About</a></li> <li class="selected"><a href="journey.html">Journey</a></li> <li><a href="myAdvice.html">Advice</a></li> </ul> </div> </div> </nav> Nav Bar CSS: #navBar{ height: 80px; box-shadow: 0px 2px 10px gray; background-color: transparent; z-index: 999px; position: fixed; width: 100%; max-width: 100%; backdrop-filter: blur(1px); transition: 0.4s ease transform; } .navItems{ height: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 5rem; padding-right: 5rem; } .navBtns ul{ width: 30vw; display: flex; flex-direction: row; justify-content: space-between; } .btnsList{ list-style-type: none; } .btnsList a{ text-decoration: none; color: white; font-size: 1rem; transition: all 0.3s ease-in; } .btnsList a:hover{ color: grey; } .btnsList a:active{ color: darkgray } .fa-house{ color: white; transition: all 0.3s; } .fa-house:hover{ color: gray } .fa-house:active{ color: darkgray } .selected a{ color: darkgray; } .fa-bars{ color: rgba(255, 255, 255, 0.573); cursor: pointer; } .fa-bars .fa-xl :hover{ color: white; } .dropBar{ display: none; position: absolute; right: 0px; top: 80px; width: 100vw; background-color: rgba(255, 255, 255, 0.308); height: calc(100vh - 80px); } .dropBar ul{ margin-top: 1rem; } .dropBar ul li{ list-style-type: none; margin-bottom: 1rem; border-left: 1px white solid; padding-left: 1rem; width: 100vw; } .dropBar ul li a{ width: 100; text-decoration: none; color: white; font-size: 1.5rem; } Nav Bar JS: navBar = document.getElementById('navBar') window.addEventListener('scroll', function(){ const currentScrollY = window.scrollY if (currentScrollY > lastScrollY){ navBar.classList.add("hidden") } else{ navBar.classList.remove("hidden") } lastScrollY = currentScrollY }) let count = 0 const dropBar = document.querySelector('.dropBar') function showNavbar(){ dropBar.style.display = "flex" count += 1 if (count % 2 != 0){ dropBar.style.display = "flex" } else{ dropBar.style.display = "none" } }
bro how can i talk to you
@@questra983 email me at developingguide@gmail.com
Keep pushing bro âĪâĪ
Will do bro!
Thanks for the importance put on being concise. Hard to find tutorials/roadmaps that are to the point. Well done
np! I myself have the problem of finding how to even start, that's why i want to help others with this prob ð
Keep doing bro!
Will do!!
Just an update/Small changes: 1. For responsive, you can put <=/</=/>/>= to symbolise less than or more than or equal to the screen size you want 2. For the box model, I put as 2 boxes as illustration. Should be 1 instead. ð Hope these clears some questions
I know you whos you mentor Bro Code ðâĪ
Ye bro!!! ð
Good I likedâĪ
Thanks Bro!! ðð
Good video
Thanksss! ð
i needed this man
Thanks G! ðŦĄ
hey man, cringe question but did it practically helped you?
@@Farhan_the_Fatcat Yep! In fact, it also helped me outside of work, in a different way. When I was in the gym, I saw a threadmill not being used and wanted to run, one part of my brain was telling me to not run (because I didnt run for awhile), while the other told me otherwise. Long story short, I told myself that if I don't run, I will regret not having the feeling of accomplishment when I get after running 2.4km. So I told myself to run for 1 km to see what happens. Which I ended up finishing the whole thing. So, the idea is to tell yourself to start for short period. And almost all the time, at least for me, I might as well finish the work. That's how it usually works for me. Hope this helps! ðð
Great video man
Thanks mate! âšïļ
I'm an INTJ programmer too. Good luck with your channel!
Thankss!!
im struggling with the same thing when I wanted to make my first project which was a random movie generator I worked on the css and html files but when it came to js Äą got stuck and Äą felt lÄąke Äą cheated when Äą looked it up on TH-cam or chatgbt Äą started doing that for a while making a bit then getting, stuck and then I gave up..... it just needs a lot of experience to make a project unlike python
Don't give up bro! Try easier projects, or follow tutorials of someone doing a project. See what they do then learn from there. After which, you have gotten more experience, then you try again. It is not about "it just needs a lot of experience" is more of "how do I be a person who have a lot of experience?". By doing more! I am sure that no people who have lots of experience started with "lots of experience". So, don't give up! I believe you can do it with experience!
good bro keep growing
Appreciate it bro! ðð
I am new coder can you please guide me ? On how I should start my coding journey
I am not an expert, but I can tell you how I did it... 1. Choosing the language Choose which language you want to learn depending on the kind of projects you want to do. For example: If you want to build websites can learn html, css, javascript, react etc 2. Learn the basics Learn the basics of the language (i.e: The functions and the syntax). BUT, learn it as quickly as possible.. Your literal aim is to get out of the tutorial cycle as soon as possible and then start a project. I recommend learning from BroCode. He teaches really well! 3. The project Now, you try a simple little project that is relatively simple. Drop your ego here, don't think, "It's simple, so I will not do it." Just do it, get the basics right, sometimes it will bite in the ass. You will struggle to do/finish a project especially when you are a beginner, don't let that stop you. And when you struggle, search online on how to fix the problem you are struggling with. You will learn faster this way, as it's application based. That's about it, just do many projects
@@DevelopingGuide Really thanks Bro for your Guidance So I will start with JavaScript learning from "Bro Code" TH-cam channel. One more help can you some suggestion on projects I should work And once again I am really Thankful of your help ð
@@JabezJena Np Bro! I recommend learning HTML and CSS along with JS. But as for project goes, So far I have done calculator and To-Do Lists. Calculator from BroCode, and To-Do List from someone (I will reply to this comment when I found it). You can learn alot of basics from these. After those, I learnt to build a website by following along someone else (see reply). After that, I am building a website on my own. If I need help I will search. In summary, Calculator, To-Do Lists, then websites. YOU WILL STRUGGLE. I struggled HARD ngl... Be ready! :D
All in TH-cam: Website: Brian Design th-cam.com/video/FazgJVnrVuI/w-d-xo.htmlsi=xvANWD21Tfw4Ud1v To-Do List: Tyler Potts th-cam.com/video/MkESyVB4oUw/w-d-xo.htmlsi=s_44ROWzFSYxZi3U
where you have any sort of uncertainty between learning webdev or AL ML ?? , since ML is currently growing rapidly
Sorry, I don't really your qn... But, after webdev, i will definitely look into al/ml. Right now, I'm focusing on webdev.. So ya ð
Good connections Good work
Thank You Very Much!! ð
Side Note: Let me know what problems/difficulties you have regarding self-improvement/fitness/business. You can reply to this comment, or email me at developingguide@gmail.com (msgs through email will be kept anonynous). I want to solve as much of them as possible! Thanks!!!
Side note: I want to learn how to code websites as a big project in my life, and hopefully be able to incoperrate it into my business as well! Check out my community post for more info!
My bad if my diagram I showed is ugly, but it works lol... Anyways, you can also have the document version: docs.google.com/document/d/1HFDjJ1oWJaAnFlgur1DRnQC4hI7Iheq5gKrXzPgewvI/edit?usp=sharing
thanks bro
np bro!
Hello, I find your videos to be useful and extremely motivating. Wishing that your channel may go far!!!
Thanks! Hope you can do well in whatever you are doing as well!!
Note: I will be posting weekly for now because of school.. Hope you understand!
ðŠðūððū
GoodðĨ