EP 10 - Biggest Coding Mistakes | Everything About Web Development

GeeksforGeeks · Intermediate ·🌐 Frontend Engineering ·3y ago

Key Takeaways

Discusses the biggest coding mistakes in web development with Prakash Sakari

Full Transcript

[Music] so uh let's talk about now the biggest mistakes that uh students even working professionals are doing so just just uh do a bit of glimpse on that so the biggest coding mistake that anyone can do in general is not staying consistent right consistency is actually the key when you lose consistency then you have to again go back and find the track right because it takes time to become consistent it takes at least you know 10-15 days to come to the routine right you know sit at one place for one two hour and then you know write the code and all things once you break that right you lose the track then once you let's start again then you have to again go back and check what you did uh like at least let's say uh the last three four days whatever you did you have to again go back and check those things right so you have lose the track consistency breaks over there when you break consistency then again you have you have to make your mind that you have to all do all of these things again so uh breaking consistency is a very very big uh mistake that people do a lot secondly the mistake that people do is they don't uh build their foundation form right building foundation for me is basically is understanding how javascript completely works a lot of people just you know do the basic like if else for loop while loop and function and they say i have learned enough of javascript let's jump to a different framework but when you jump to framework you understand framework uses more complex javascript how do you think the framework or a library is built the framework or the library is built to solve to make the complex things easier right so first in order to understand the framework you have to understand the complex things right then only are you understand that okay this this particular function in this library is making this complex function easier so for that you have to understand that convex function so this is one of the big biggest mistake like similarly for cs as well a lot of people just do pixel ram and you know and uh just do you know uh you know these active and passive classes and just think okay i have done css and now let's move to some framework like bootstrap or tailwind but as i told you css is actually a lot of theoretical right there is a lot of theory there is a lot of logic building which goes into css is not just trial and error so you have to understand that thing so make your base strong make your foundation strong do not go on to many many frameworks because frameworks will soon or later die right a lot of people are talking about react now you know maybe five years down the line we might not be talking talking about react maybe we are talking about some other framework which does not even exist maybe what we are talking about a different framework from a different language which also does not even exist right because every framework just takes a lot of pace so that's why you know relying on framework is a very very bad thing rely on your javascript rely on your html rely on your css rely on basics and build your foundation strong so these i think are the coding mistakes which a lot of people do the thirdly coding mistake basically people do is whenever you are writing a code i always believe i have always thought my students in this way make a pseudo code in your mind right uh so when i say pseudocode is just write down that this is a problem statement these this is the possible route that you're going to take and then you'll get the output in this way and then you can form a code according to that i have experienced this in my personal journey as well when i write a pseudo code i get the solution immediately but a lot of time for a lot of complex things when i don't write pseudo code i'm just stuck somewhere uh in the middle of the ocean then i have to go back and write this vodafold this is important fourth coding mistake a lot of people do is something called as tutorial hell right a lot of people might not have heard of this term called as tutorial hell this is a very very uh different term which i can say what is tutorial hell is you keep on watching multiple tutorials right you watch a tutorial from some xyz youtuber or javascript you don't understand anything because you can't make project then you go to different youtube and you watch that then you go to different youtube you watch that you take some paid course on some xyz channel you watch that but still you're not able to make anything because you're just simply following different different uh tutorials right how to get out of the tutorial hell is to start making projects now you will be saying that's why i'm watching different tutorials right because i'm not able to make project how can you make project it's very very simple you basically go on to github github is open source right you clone any project from github whichever you want right read about that project how that person has made it and try to make your own version of it you can just change the css you can just change the html tag you can just change the javascript logic as well right if the person has written uh logic you using you know directly while you follow everything you add function to it if the person has done it with uh arrays you make uh or you use objects instead of that right so something like that when you start making these small small changes into projects then you understand how a project will actually work and then you can go on to a big project and make projects so that is how you actually start making projects you can't directly start making flip card um instantly like i remember another student you know he told me i want to make flipkart in four days i said boss is not possible right you can make the layout right the the homepage you can make the landing page so whenever you want to mix up such projects start with the navigation bar then the sidebar then the home page right go step by step like if you click on the add to uh card it should create a list and add the product to list then you show the list on some other page so this is how you should go step by step then you'll be easily able to make any project but don't keep on watching a lot of programming tutorials just watch one tutorial right and i never second tutorial you should instead of watching tutorial read the documentation write read articles on our website gfg you will find good articles if you're not finding good articles on gfc you can find it some other place as well read articles and make it the documentation more of that your concept will be clearer so these are the coding mistakes to avoid okay okay and it happens as well like it happens in all the domains right not respective to web development i've introduced a lot of students uh for data science like in their resume it's mentioned like they will uh their main face recognition system okay and when i okay i directly call them okay let's have an interview and then i've asked them okay how you have made this do you know the image processing and they don't know how pixel levels the things are generally how you can make these things it only happens when you're having plug-and-play models same like vixx right these are this will create the website using plug and play models if you don't know how in a nutshell things are working it's one of the biggest mistake that students can do so make sure to have your fundamentals strong i think this is the key fundamentals can be built when you are doing projects exactly when you are modifying the things when you are having your own logic even if you are having some inbuilt function try to write your own function to match the same output that's how you will learn so basically in in browser there is a concept called polyfills right so the thing is think in browser is browser is evolving every day the latest functions that we have do not are not supported by the previous browsers now what will you do in that case there is a pitfall over here because you only know function you only know how to call the function but you do not know how it works under the hood so if you are running your website on a on a browser on which uses a very previous version of javascript your function will not work over there so as you said you have to understand you know how to even see how the function is actually working under the hood and that's something what is a polyfill for that function so it is actually supported by the browser which was the previous version as well that is very very important so the main conclusion obviously is if you are having a fundamental strong if you know how logics are working if you can make the websites for the ones who are who want to make like if you can make the websites like wix so definitely they want these developers if you want if you know how to make uh wordpress these kind of things so they definitely hire these developers right so the jobs will be there for for sure so uh if i'm talking about the roadmap of dsa okay for web development

Original Description

Have you ever wanted to create awesome websites which you can show people and say "I developed it myself"? Has browsing through some websites made you wonder, "how can I make something like this"? Then this series is entirely for you !! Prakash Sakari, a web development mentor at GeeksforGeeks, is here with us to talk about various topics, trends and also clear some commonly asked questions on web development. We will be covering topics from HTML, CSS, JS and all the popular frameworks available. We will also be talking about a proper road map that will definitely be beneficial for your journey to becoming a Wed Developer. So join the 5th session of the series where we will be discussing about some of the biggest and most commonly made mistakes by a coder. 👉 Don't forget to check out the entire series: Everything about Web Development : https://www.youtube.com/playlist?list=PLqM7alHXFySEf5ZxUsaDReutI0znkdh0E ------------------------------------------------------------------------------------------------------------------ 💻 Our courses : https://practice.geeksforgeeks.org/courses/?utm_source=youtube&utm_medium=courseteam_main_desc&utm_campaign=everything_about_web_dev This video is contributed by Please Like, Comment and Share the Video among your friends. 📲 Install our Android App: https://play.google.com/store/apps/details?id=free.programming.programming&hl=en If you wish, translate into the local language and help us reach millions of other geeks: http://www.youtube.com/timedtext_cs_panel?c=UC0RhatS1pyxInC00YKjjBqQ&tab=2 ------------------------------------------------------------------------------------------------------------------ Follow On Our Other Social Media Handles: 📱 Twitter: https://twitter.com/geeksforgeeks 📝 LinkedIn: https://www.linkedin.com/company/geeksforgeeks 🌐 Facebook: https://www.facebook.com/geeksforgeeks.org 📷 Instagram: https://www.instagram.com/geeks_for_geeks 👽 Reddit: https://www.reddit.com/user/geeksforgeeks 💬
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from GeeksforGeeks · GeeksforGeeks · 0 of 60

← Previous Next →
1 How I got into Walmart | Shailesh Sharma
How I got into Walmart | Shailesh Sharma
GeeksforGeeks
2 Upgrade yourself In 29 Days | GeeksforGeeks
Upgrade yourself In 29 Days | GeeksforGeeks
GeeksforGeeks
3 Learn AWS Fundamentals For Free
Learn AWS Fundamentals For Free
GeeksforGeeks
4 Conversation With Young Achievers | Meet the winners of Bi-Wizard Coding Contest | GeeksforGeeks
Conversation With Young Achievers | Meet the winners of Bi-Wizard Coding Contest | GeeksforGeeks
GeeksforGeeks
5 Meet The Winners Of Bi-Wizard Coding Contests | GeeksforGeeks
Meet The Winners Of Bi-Wizard Coding Contests | GeeksforGeeks
GeeksforGeeks
6 Interview Prep Strategies | PayPal
Interview Prep Strategies | PayPal
GeeksforGeeks
7 OLX Interview Preparation Strategies | Hukam Singh
OLX Interview Preparation Strategies | Hukam Singh
GeeksforGeeks
8 Meet Some More Winners Of Bi-Wizard Coding Contests | GeeksforGeeks
Meet Some More Winners Of Bi-Wizard Coding Contests | GeeksforGeeks
GeeksforGeeks
9 Live Mock DSA
Live Mock DSA
GeeksforGeeks
10 Microsoft Azure For Absolute Beginners
Microsoft Azure For Absolute Beginners
GeeksforGeeks
11 Python for Data Science | Data Science Master Bootcamp | Arpit Jain
Python for Data Science | Data Science Master Bootcamp | Arpit Jain
GeeksforGeeks
12 Getting Started with Data Analysis | Data Science Master Bootcamp | Ashish Jangra
Getting Started with Data Analysis | Data Science Master Bootcamp | Ashish Jangra
GeeksforGeeks
13 How to prepare theory subjects for SDE interviews | Geeks Summer Carnival 2022
How to prepare theory subjects for SDE interviews | Geeks Summer Carnival 2022
GeeksforGeeks
14 Get Your Tickets To The Geeks Summer Carnival | GeeksforGeeks
Get Your Tickets To The Geeks Summer Carnival | GeeksforGeeks
GeeksforGeeks
15 TED Talk Data Analysis Project | Data Science Master Bootcamp | Ashish Jangra
TED Talk Data Analysis Project | Data Science Master Bootcamp | Ashish Jangra
GeeksforGeeks
16 How I Secured AIR 9 in GATE'22 |  Tushar
How I Secured AIR 9 in GATE'22 | Tushar
GeeksforGeeks
17 Learn Java Backend Development | Geeks Summer Carnival | GeeksforGeeks
Learn Java Backend Development | Geeks Summer Carnival | GeeksforGeeks
GeeksforGeeks
18 How to Recognize which Data Structure to use in a question | Geeks Summer Carnival | GeeksforGeeks
How to Recognize which Data Structure to use in a question | Geeks Summer Carnival | GeeksforGeeks
GeeksforGeeks
19 Learn Data Structures and Algorithms | GeeksforGeeks
Learn Data Structures and Algorithms | GeeksforGeeks
GeeksforGeeks
20 Interview experience at Flipkart | GeeksforGeeks
Interview experience at Flipkart | GeeksforGeeks
GeeksforGeeks
21 Lets Prepare for GATE'23 the Right Way | Sakshi Singhal | GeekSummerCarnival
Lets Prepare for GATE'23 the Right Way | Sakshi Singhal | GeekSummerCarnival
GeeksforGeeks
22 Highest Paying Jobs in 2022 | Ishan Sharma | Geeks Summer Carnival 2022 | GeeksforGeeks
Highest Paying Jobs in 2022 | Ishan Sharma | Geeks Summer Carnival 2022 | GeeksforGeeks
GeeksforGeeks
23 Geeks Summer Carnival 2022 | 5th April- 11th April | GeeksforGeeks
Geeks Summer Carnival 2022 | 5th April- 11th April | GeeksforGeeks
GeeksforGeeks
24 Preparing for SDE interviews | Soham Mukherjee | Geeks Summer Carnival 2022 | GeeksforGeeks
Preparing for SDE interviews | Soham Mukherjee | Geeks Summer Carnival 2022 | GeeksforGeeks
GeeksforGeeks
25 Full Stack Development with React & Node | Utkarsh Malik | Geeks Summer Carnival | GeeksforGeeks
Full Stack Development with React & Node | Utkarsh Malik | Geeks Summer Carnival | GeeksforGeeks
GeeksforGeeks
26 Introduction to Open Source and Roadmap to GSOC 2022 | Geeks Summer Carnival 2022 | GeeksforGeeks
Introduction to Open Source and Roadmap to GSOC 2022 | Geeks Summer Carnival 2022 | GeeksforGeeks
GeeksforGeeks
27 Web Scraping in Action | Geeks Summer Carnival 2022 | GeeksforGeeks
Web Scraping in Action | Geeks Summer Carnival 2022 | GeeksforGeeks
GeeksforGeeks
28 Getting Hired at BITCS via GfG Job Portal | Get Hired With GeeksforGeeks
Getting Hired at BITCS via GfG Job Portal | Get Hired With GeeksforGeeks
GeeksforGeeks
29 How to build a faster landing Page | Geeks Summer Carnival 2022 | GeeksforGeeks
How to build a faster landing Page | Geeks Summer Carnival 2022 | GeeksforGeeks
GeeksforGeeks
30 Geeks Summer Carnival | 5th To 11th April, 2022 | GeeksforGeeks
Geeks Summer Carnival | 5th To 11th April, 2022 | GeeksforGeeks
GeeksforGeeks
31 How to get ideas for Startup | Geeks Summer Carnival 2022 | GeeksforGeeks
How to get ideas for Startup | Geeks Summer Carnival 2022 | GeeksforGeeks
GeeksforGeeks
32 Journey from Tier 3 to JusPay | GeeksforGeeks
Journey from Tier 3 to JusPay | GeeksforGeeks
GeeksforGeeks
33 Geeks Summer Carnival 2022 | GeeksforGeeks
Geeks Summer Carnival 2022 | GeeksforGeeks
GeeksforGeeks
34 Dispelling Myths and Pre conceptions of Programming Languages
Dispelling Myths and Pre conceptions of Programming Languages
GeeksforGeeks
35 Must Do System Design Questions
Must Do System Design Questions
GeeksforGeeks
36 Understanding Sorting Techniques in an hour | Keerti Purswani | Geeks Summer Carnival
Understanding Sorting Techniques in an hour | Keerti Purswani | Geeks Summer Carnival
GeeksforGeeks
37 Get Hired at NEC | Job-A-Thon 8
Get Hired at NEC | Job-A-Thon 8
GeeksforGeeks
38 Journey from Tier 3 college to Microsoft | GeeksforGeeks
Journey from Tier 3 college to Microsoft | GeeksforGeeks
GeeksforGeeks
39 Get Hired with GeeksforGeeks at SuperK | Job A Thon 8
Get Hired with GeeksforGeeks at SuperK | Job A Thon 8
GeeksforGeeks
40 GeeksforGeeks: Redesigned
GeeksforGeeks: Redesigned
GeeksforGeeks
41 From Tier 3 to cracking multiple interviews | GeeksforGeeks
From Tier 3 to cracking multiple interviews | GeeksforGeeks
GeeksforGeeks
42 Live Mock DSA
Live Mock DSA
GeeksforGeeks
43 Youtube Data Analysis | Ashish Jangra | GeeksforGeeks
Youtube Data Analysis | Ashish Jangra | GeeksforGeeks
GeeksforGeeks
44 DSA Self-Paced Course Preview | Sandeep Jain | GeeksforGeeks
DSA Self-Paced Course Preview | Sandeep Jain | GeeksforGeeks
GeeksforGeeks
45 GATE Live Classes | Prepare for GATE CS 2023 | GeeksforGeeks
GATE Live Classes | Prepare for GATE CS 2023 | GeeksforGeeks
GeeksforGeeks
46 Journey from JIIT to Adobe
Journey from JIIT to Adobe
GeeksforGeeks
47 Life Is Unfair Ft. Shonty badmash | LIVE Discord Session | A GeeksforGeeks Exclusive
Life Is Unfair Ft. Shonty badmash | LIVE Discord Session | A GeeksforGeeks Exclusive
GeeksforGeeks
48 Interview Experience at Google | Tech Dose
Interview Experience at Google | Tech Dose
GeeksforGeeks
49 Live Mock DSA
Live Mock DSA
GeeksforGeeks
50 Interview Experience @ Amazon | GeeksforGeeks
Interview Experience @ Amazon | GeeksforGeeks
GeeksforGeeks
51 My journey through the tech world from India to US | Vidushi | GeeksforGeeks
My journey through the tech world from India to US | Vidushi | GeeksforGeeks
GeeksforGeeks
52 Complete Interview Preparation Course | GeeksforGeeks
Complete Interview Preparation Course | GeeksforGeeks
GeeksforGeeks
53 Live Mock DSA
Live Mock DSA
GeeksforGeeks
54 Getting Hired at FiftyFive Technologies | Job-a-thon 9.0
Getting Hired at FiftyFive Technologies | Job-a-thon 9.0
GeeksforGeeks
55 GFG Karlo, Ho Jayega | GeeksforGeeks ft. Khaleel Ahmed
GFG Karlo, Ho Jayega | GeeksforGeeks ft. Khaleel Ahmed
GeeksforGeeks
56 How I got job offers from 2 big companies : Arcesium & Microsoft | GeeksforGeeks
How I got job offers from 2 big companies : Arcesium & Microsoft | GeeksforGeeks
GeeksforGeeks
57 LINUX for Beginners | GFG x Itversity
LINUX for Beginners | GFG x Itversity
GeeksforGeeks
58 My interview experience at Walmart | GeeksforGeeks
My interview experience at Walmart | GeeksforGeeks
GeeksforGeeks
59 Get Hired at Speckyfox
Get Hired at Speckyfox
GeeksforGeeks
60 Live Mock DSA
Live Mock DSA
GeeksforGeeks

Related Reads

📰
Real-Time Rails Without Turbo: Modern Reactive UIs with Inertia and DexieCable
Learn how to build real-time Rails applications without Turbo using Inertia and DexieCable for modern reactive UIs
Dev.to · Stefan Buhrmester
📰
The Frontend Build Wars: Why Webpack’s Architecture Collapsed and How Rust Took Over
Learn how Webpack's architecture collapsed and how Rust is taking over in the frontend build wars, and why 86% of developers still rely on outdated tech
Medium · JavaScript
📰
Persisting User Data in a No-Backend HTML App (localStorage Patterns)
Learn how to persist user data in a no-backend HTML app using localStorage patterns
Dev.to · PromptMaster
📰
Angular Signals Best Practices I Apply in Production
Learn best practices for using Angular Signals in production to improve performance and efficiency
Dev.to · Leo Lanese
Up next
Best Free Loading Animations for Web Developers
Alamin
Watch →