Developing Guide
Developing Guide
  • 48
  • 5 402
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!
āļĄāļļāļĄāļĄāļ­āļ‡: 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

āļ„āļ§āļēāļĄāļ„āļīāļ”āđ€āļŦāđ‡āļ™

  • @ShauryaSameerKumar1
    @ShauryaSameerKumar1 9 āļŠāļąāđˆāļ§āđ‚āļĄāļ‡āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

    forget freecodingcamps bros there

  • @nithinlutukurthi7481
    @nithinlutukurthi7481 āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

    Hello

    • @DevelopingGuide
      @DevelopingGuide āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

      hello

  • @kewalkanojia
    @kewalkanojia āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

    Good Going Mate âĢ

    • @DevelopingGuide
      @DevelopingGuide āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

      Will do!

  • @Ktan2
    @Ktan2 9 āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

    Thanks Developing Guide with that we can know what is happen in tech real world I'm also developing my skills in frontend

    • @DevelopingGuide
      @DevelopingGuide 6 āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

      🙏🙏

  • @Charlie-ci7xn
    @Charlie-ci7xn āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Are you still trying cold calling? Dont give up my friend!!

    • @DevelopingGuide
      @DevelopingGuide āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@Charlie-ci7xn Still working.. ✊ïļâœŠïļ

    • @Charlie-ci7xn
      @Charlie-ci7xn āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @ nice glad to hear

  • @Charlie-ci7xn
    @Charlie-ci7xn āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Never give up. Trust me you can do this if you truly obsess over it

  • @GeraldineDuran-du6vr
    @GeraldineDuran-du6vr āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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 👍

  • @jamisonmcbride4909
    @jamisonmcbride4909 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Im just getting started cold calling too! Keep it up brother!

  • @Caleb-yu4ue
    @Caleb-yu4ue 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Bro thanks a lot for this video nice work you doing keep it up

  • @xanstas3309
    @xanstas3309 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    love the realism here, keep up the great work!

    • @DevelopingGuide
      @DevelopingGuide 2 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thankss!! Glad you loved it! 🙂🙂

  • @tomarto5262
    @tomarto5262 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    i love u thanks for this bro

  • @DevelopingGuide
    @DevelopingGuide 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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!

  • @Lekanpourtout
    @Lekanpourtout 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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!!âĪ

    • @DevelopingGuide
      @DevelopingGuide 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thank you very very much!! and goodluck on you JS adventure!! 😁😁

  • @esbk9949
    @esbk9949 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Surprisingly this is very nice and informative video thank you

    • @DevelopingGuide
      @DevelopingGuide 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thanks!

  • @idontfeelpain666
    @idontfeelpain666 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    try use react

    • @DevelopingGuide
      @DevelopingGuide 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Will do! Thanks!

  • @paulok4980
    @paulok4980 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    where did you find your clients?

    • @gideonolaiya6665
      @gideonolaiya6665 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      He said it’s from his dad

    • @DevelopingGuide
      @DevelopingGuide 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      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! 🙂

  • @YaraSafrÃĢo
    @YaraSafrÃĢo 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Good job

  • @abrahamwachira6404
    @abrahamwachira6404 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    👍

  • @DevelopingGuide
    @DevelopingGuide 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Web Programming video will be out next week!

  • @IBRWEBAGENCY
    @IBRWEBAGENCY 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Good luck. I'm on a similar journey and I'm a self-taught Web developer

    • @DevelopingGuide
      @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Good Luck to you too!

  • @Divyv520
    @Divyv520 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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 ?

    • @DevelopingGuide
      @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Is Okay, I will continue to do them myself as I enjoy doing them! Thanks for reaching out. 👍

  • @electromejia3889
    @electromejia3889 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    I am working in getting my website to sell dijitals,, I just need to find the right package to host my website

  • @YaraSafrÃĢo
    @YaraSafrÃĢo 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    I’m about to make the same project. Now I’m learning JavaScript

    • @DevelopingGuide
      @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Good Luck! (and rmb that google/ is your bestf 😅😅)

  • @DevelopingGuide
    @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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

  • @DevelopingGuide
    @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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" } }

  • @questra983
    @questra983 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    bro how can i talk to you

    • @DevelopingGuide
      @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@questra983 email me at developingguide@gmail.com

  • @YaraSafrÃĢo
    @YaraSafrÃĢo 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Keep pushing bro âĪâĪ

    • @DevelopingGuide
      @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Will do bro!

  • @Tehrawrzorz
    @Tehrawrzorz 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Thanks for the importance put on being concise. Hard to find tutorials/roadmaps that are to the point. Well done

    • @DevelopingGuide
      @DevelopingGuide 4 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      np! I myself have the problem of finding how to even start, that's why i want to help others with this prob 🙂

  • @TacataAmberskii
    @TacataAmberskii 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Keep doing bro!

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Will do!!

  • @DevelopingGuide
    @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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

  • @syjosephian8197
    @syjosephian8197 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    I know you whos you mentor Bro Code 😊âĪ

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Ye bro!!! 😂

  • @YaraSafrÃĢo
    @YaraSafrÃĢo 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Good I likedâĪ

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thanks Bro!! 😁😁

  • @zeyadehsan6575
    @zeyadehsan6575 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Good video

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thanksss! 😊

  • @NoName-cg1dl
    @NoName-cg1dl 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    i needed this man

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thanks G! ðŸŦĄ

    • @Farhan_the_Fatcat
      @Farhan_the_Fatcat 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      hey man, cringe question but did it practically helped you?

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@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! 😊😊

  • @bunnybhoppers
    @bunnybhoppers 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Great video man

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thanks mate! ☚ïļ

  • @WondervilleSeries
    @WondervilleSeries 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    I'm an INTJ programmer too. Good luck with your channel!

    • @DevelopingGuide
      @DevelopingGuide 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thankss!!

  • @Lemongrassvb
    @Lemongrassvb 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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

    • @DevelopingGuide
      @DevelopingGuide 5 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      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!

  • @solonewbiecoder
    @solonewbiecoder 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    good bro keep growing

    • @DevelopingGuide
      @DevelopingGuide 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Appreciate it bro! 😊😊

  • @JabezJena
    @JabezJena 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    I am new coder can you please guide me ? On how I should start my coding journey

    • @DevelopingGuide
      @DevelopingGuide 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      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

    • @JabezJena
      @JabezJena 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@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 😄

    • @DevelopingGuide
      @DevelopingGuide 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      @@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

    • @DevelopingGuide
      @DevelopingGuide 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      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

  • @chauhansairaj3663
    @chauhansairaj3663 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    where you have any sort of uncertainty between learning webdev or AL ML ?? , since ML is currently growing rapidly

    • @DevelopingGuide
      @DevelopingGuide 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      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 😅

  • @AshokChaturvedi-dl5lz
    @AshokChaturvedi-dl5lz 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Good connections Good work

    • @DevelopingGuide
      @DevelopingGuide 6 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thank You Very Much!! 😁

  • @DevelopingGuide
    @DevelopingGuide 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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!!!

  • @DevelopingGuide
    @DevelopingGuide 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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!

  • @DevelopingGuide
    @DevelopingGuide 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    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

  • @questra983
    @questra983 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    thanks bro

    • @DevelopingGuide
      @DevelopingGuide 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      np bro!

  • @questra983
    @questra983 7 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

  • @Faisalkabir-pd4bh
    @Faisalkabir-pd4bh 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Hello, I find your videos to be useful and extremely motivating. Wishing that your channel may go far!!!

    • @DevelopingGuide
      @DevelopingGuide 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      Thanks! Hope you can do well in whatever you are doing as well!!

  • @DevelopingGuide
    @DevelopingGuide 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Note: I will be posting weekly for now because of school.. Hope you understand!

  • @yoyouiop4971
    @yoyouiop4971 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    💊ðŸū🙌ðŸū

  • @Sura1KA
    @Sura1KA 8 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    GoodðŸ”Ĩ