How to Become a Front End Developer in 30 Days | Frontend Roadmap 2024 | Tamil

How to Become a Pro Front End Developer in 30 Days | Frontend Roadmap 2024 | Tamil

Internet:
Gain insights into how the internet works, from HTTP to DNS, and understand the role of browsers.

HTML:
Master the basics, write semantic HTML, delve into forms, validations, accessibility, and SEO.

CSS:
Explore CSS basics, create layouts, and embrace responsive design principles.

JavaScript:
Learn JavaScript basics, DOM manipulation, and dive into Fetch API and AJAX.

Version Control & Package Managers:
Discover Git and its platforms, GitHub, GitLab, and Bitbucket, alongside package managers like NPM, PNPM, and Yarn.

JS & CSS Frameworks:

CSS Architecture & Preprocessors:
Understand Sass, PostCSS, BEM (Block __ Element — Modifier), and dive into building tools like Vite, esbuild, Webpack, Rollup, and parcel.

Testing:
Explore the latest testing methodologies using Selenium, Jest, Playwright, and Cypress.

Authentication & Security:
Delve into JWT, OAuth, SSO, Basic Auth, Session Auth, and more.

Server Side Rendering:

GraphQL & REST/SOAP:
Get hands-on with Apollo, and Relay Modern, and understand Web APIs and various functionalities.

Web APIs:
Explore Storage, Web Sockets, Location, Notifications, Device Orientation, Payments, and Credentials.

Dev Tools:
Optimize your development process with Lighthouse and DevTools.

00:00 Introduction
00:58 Understanding the Internet
01:19 HTML Basics to SEO
01:56 Mastering CSS
03:01 JavaScript Essentials
04:23 Version Control
04:51 Package Managers
05:29 Exploring JS Frameworks
06:12 CSS Frameworks
07:16 CSS Architecture, Preprocessors
08:53 Build Tools
10:13 Linting & Formatting
11:17 Testing, Authentication, and Security
13:00 Server Side Rendering and GraphQL/REST/SOAP
14:23 Web APIs, Dev Tools, and Google Lighthouse

🚀 Thanks for stopping by! Don't forget to hit that Subscribe button for more exciting content! 🌟

Curious to know more about me?

[HeroHunter]

Bro onga content and video la patha oru ten years sa YouTube content creator mari eruku vere level information thanks a lot

[Sharath]

Ithu varaikum front end na html, css, js, bootstrap, react js matum nu tha ninatchitu irunthen bro ipa tha ivalo irukunu theriyuthu thanks bro 🌚

[ranjithcasey]

Fresher ah ivlo padikanumnu paakrapaye demotivate aagi poyida vendi dhaan. Naa ipo js la Dom complete Panni next concept polaanu irundhen. Ana indha Maathiri video paakrapa padichaa kooda idhellaam mudiyaadhunu thonudhu. ✌️

[balajik]

Thanks for your precise information without any unwanted content❤

[HaveAGoodDay]

Wow, just stunned with your knowledge dude. Thanks for your inputs, it is valuable for me as a beginner in frontend development. Hoping for more useful videos like this. All the best 👍👏

[syed_]

Hinestly speaking na mathavanga inthamari oru video potruntha click panniruka mata neenga potanala tha bro pakra please carry on.

[gouthammohankumar]

Bro Neenga Intha Topics lam eppidi cover panninga nu oru video It will be So helpful....

[smallboy]

Yaru bro niii 😮😮😮😮... Ithu varaikum ivlo info ahhh... Yarumer ore video la sonathu

Keep posting front end developer tools and video 🔥🔥🔥🔥🔥🔥🔥🔥

[ranjeetuikey]

become front end developer in 5 days, 1st day Learn HTML, 2nd day CSS, 3rd day tailwind css, 4th day Javascript, 5th day React Js. Done 😉😉

[lihtinnithil]

bro na avalo channels pathu 3 mnth waste pannathutha micham😊 epidi oru aalu erukunu theriyama poiruchu bro tq tq sonna pothathu 🎉🎉 keep rock bro ... negale enum soli kudutha nalarkum

[mj-devil.]

Awesome video, bro! 👍👏
Could you please consider making a back-end roadmap video too? It would be helpful.

[balajesasikumar]

Neenga sonna ellathukum resources provide panni irunthaa nalla irunthu irukuum, this is the only drawback.

[googlemaamu]

Vite is not a module bundler . Vite is a local development server . It uses Rollup and esbuild internally for bundling

[ixeyvyg]

Anne gdd teaching..nanum frnt end mudichaen bt ivlo depth a teach pnala..bt I ll learn for the upcoming days using with your video concepts..pesama unga thangachi a piranthuklm..🙄😗

[mohamedmarjik]

Bro ippa roadmap sollittinga ithe concept neenga oru session ah teach panna mudiyumaa bro daily one concept practical ah video make panninganaa nalla irukum bro frontend developer use full ah irukkum bro neenga super ah sonninga thanks bro

[medi]

Best content bro worth the 17mins hats off nanum frontend developer but yenaku html, css,js, bootstrap basic than theriyum

[ygtamil_]

Give roadmap for full stack developer because to know about what are tech is used in that

[YourStory-]

Neenga solra maathiri endha content creator um ivlo iruku nu sonnathey illa thank you (Subscribed) And Full Course Poodra Maathiri Try Pannunga 😞🥺😊

[NarayananSri-gosk]

Bro oru oru topic full explain pannu video podunga romba usefull irukum 🙋pls bro ❤

[wildcookingboys]

Nice video bro. But try to avoid those background noise .

All the best for your upcoming videos