![Dev Panda](/img/default-banner.jpg)
- Видео 12
- Просмотров 113 402
Dev Panda
Индия
Добавлен 24 окт 2021
So You wanna be a Web Developer at MAANG,
daily reminder that everything is going to be ok :)
you did well today and I'm so proud of you
Subscribe please ❤.
Dev Panda 🐼, N Suraj Kumar Makes High Quality Web Development Tutorials, Covers wide range of topics from backend to frontend, and databases, Web Projects.
📺:Practical tips for the Beginner and Intermediate web developer.
💖: Subscribe Please 🙌 : bit.ly/3nBK0Gr
🗽: Help Me Reach My Goal of 100k Subs on RUclips.
💉: Daily Dosage on Instagram: devpanda.js
📧: Email Check below
daily reminder that everything is going to be ok :)
you did well today and I'm so proud of you
Subscribe please ❤.
Dev Panda 🐼, N Suraj Kumar Makes High Quality Web Development Tutorials, Covers wide range of topics from backend to frontend, and databases, Web Projects.
📺:Practical tips for the Beginner and Intermediate web developer.
💖: Subscribe Please 🙌 : bit.ly/3nBK0Gr
🗽: Help Me Reach My Goal of 100k Subs on RUclips.
💉: Daily Dosage on Instagram: devpanda.js
📧: Email Check below
React Components in 100 Seconds | Everything You Need to Know
🔗 Resources
- React Components Documentation
React Dev Tools Extension
🔥 Get More Content
🎨 My Editor Settings
Monokai Pro
Monokai Default Icons
MonoLisa Font www.monolisa.dev/
🔖 Topics Covered
React Components explained in 100 seconds
Defining React components with JavaScript functions and classes
Using JSX to create dynamic UI elements
Passing data with props in React
React Components in 100 Seconds | Everything You Need to Know
Discover React components in a concise 100-second overview. Learn how to define components using JavaScript functions and classes, utilize JSX for dynamic UI creation, and effectively pass data using props. Whether you're new to React or looking to deepen your understanding, ...
- React Components Documentation
React Dev Tools Extension
🔥 Get More Content
🎨 My Editor Settings
Monokai Pro
Monokai Default Icons
MonoLisa Font www.monolisa.dev/
🔖 Topics Covered
React Components explained in 100 seconds
Defining React components with JavaScript functions and classes
Using JSX to create dynamic UI elements
Passing data with props in React
React Components in 100 Seconds | Everything You Need to Know
Discover React components in a concise 100-second overview. Learn how to define components using JavaScript functions and classes, utilize JSX for dynamic UI creation, and effectively pass data using props. Whether you're new to React or looking to deepen your understanding, ...
Просмотров: 949
Видео
5 Things You Didn't Know About React.js ( The React JS Documentary )
Просмотров 8692 месяца назад
React, a powerful front-end JavaScript library, has overcome a major hurdle and emerged as the number one choice for building user interfaces. Despite facing a "shitstorm" of criticism and challenges, React has proven its resilience and solidified its position as a leading technology in the world of web development. 🔗 Resources: - React Official Documentation: reactjs.org/docs/getting-started.h...
How Do I Get An High-Paying Tech Job ?
Просмотров 7372 месяца назад
📄 Learn the 4-part formula to create a killer tech resume that will blow up your career! 💥 🔗 Resources - One Column Resume Template (Use it if you have less substance to put forth) www.overleaf.com/articles/priyanka-singhs-resume/wxncymzmxgyn Use Latex not docx, it takes a little extra time but is worth the effort. - Two Column Resume Template (One I used to build my Resume) www.overleaf.com/la...
VSCode is Not Enough Anymore in 2024
Просмотров 20 тыс.2 месяца назад
Been a minute, hope y'all are doing well :) After being a lifelong Visual Studio Code user, I decided to make the switch to WebStorm a year ago - and it's been an eye-opening experience! In this video, I share my honest thoughts on transitioning from VSCode to the WebStorm IDE from JetBrains. 🔗 Resources - www.jetbrains.com/webstorm/ - @JetBrainsTV - www.reddit.com/r/programming/comments/s0my2q...
Alpine.js Deep Dive: This new library destroys REACT
Просмотров 3913 месяца назад
- 🔗 Resources Alpine.js: alpinejs.dev/ 🔥 Get More Content Subscribe for more videos on modern web development techniques and frameworks! 🎨 My Editor Settings Monokai Pro Monokai Default Icons MonoLisa Font: www.monolisa.dev/ Topics Covered - Introduction to Alpine.js - Key features (x-data, x-bind, x-on, x-show, x-if) - Lightweight and flexible approach - Composing with other libraries (routin...
How I'd Learn Back-End Web Development (If I Could Start Over)
Просмотров 2,4 тыс.3 месяца назад
Start with this video from FreeCodeCamp: Freecodecamp Go Video Ever wondered what goes on behind the scenes of your favorite websites and apps? In this video, we're diving into the fascinating world of backend engineering. From how your subscriber count updates in real-time on RUclips to essential coding languages and system design, we've got you covered. Whether you're new to coding or looking...
Hello Again, Major Update
Просмотров 1103 месяца назад
🔗 Resources 🔥 Get More Content 🎨 My Editor Settings - Monokai Pro - Monokai Default Icons - MonoLisa Font www.monolisa.dev/ Topics Covered - Is RUclips built with Python? #DevPanda
Express.js not in 100 seconds | Express js for Beginners
Просмотров 9 тыс.2 года назад
Express, an un-opiniated, minimalistic backend web framework for node js, Its is famous for its robust routing, high performance and its wide spread adoption. It was created by TJ Holloway-Chuck, and it was inspired by ruby web framework, Sinatra. It is relatively minimal and follows configuration over convention. Its is 'E" in MEAN , MERN and MEVN Stack. 🔗 Resources - 🔥 Get More Content - Comi...
Django not in 100 Seconds | Django for Beginners
Просмотров 22 тыс.2 года назад
So you wanna learn Django ? Django 4.0 is released in December 2021. Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers 🔗 Resources - The Boiler Plate HTML Code : pastebin.com/4XTNaEF0 - Django : www.djangoproject.com/ 🔥 Get More Content - Coming Soon 🎨 My Editor Settings - Theme: One Dark - Nyan Progress ba...
Ruby On Rails in 100 Seconds | Ruby On Rails For Beginners
Просмотров 24 тыс.2 года назад
This Video Series is Inspired By Fireship.io. Ruby on Rails, or Rails, is a server-side web application framework written in Ruby. Rails is a model-view-controller framework, providing default structures for a database, a web service, and web pages. Rails is a web-application framework that includes everything needed to create database-backed web applications according to the Model-View-Control...
JSON in a nutshell
Просмотров 16 тыс.2 года назад
JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language Standard ECMA-262 3rd Edition - December 1999. JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the ...
Phaser JS In 100 Seconds | JSON For Beginners
Просмотров 16 тыс.2 года назад
This Video Series is Inspired By Jeff Delaney Fireship.io Videos. So you wanna know how to make a game in javascript Phaser Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games. 🔗 Resources Phaser JS Website phaser.io/ Phaser JS Docs photonstorm.github.io/phaser3-docs/ Phaser JS GitHub Template github.com/photonstorm/phas...
its 500 mate. you are due.
yes i wil make one for sure ✔
to be fair if you use 4 spaces instead of a tab you don't deserve your fingers to code with in the first place
😂
Was looking for django in 100 seconds fireship, didn't expect this level of a copy.
Sorry, But this was 3 years ago 🥲
Pleaae work on your voice brotha 😭 otherwise great vedios
vim is still king
@@JohnnysaidWhat I been using vim since last 7 year's. Because I didn't know how to quit 😂😂😂😂. Jokes apart I love vim and neovim but I work with noob programmers called Product managers , to collaborate with them webstrom is king 👑
HTML editor war
wow
what a video
500 likes completed
@@samurai_nerd noted
wow nice video
like ur videos, underrated editing also very good. can u pls make video on nodejs in 100seconds
@@srujan1570 hi bro. I will do it. Taj thankyou for raising that will be my next video.
moral of the video man im poor af.. so vs code is ok for me
Or else you can sail seven seas, and become caption jacksparrow and get you a software copy
Telugu aa? 🤓
@@eshzz-fe9ss avunu bro 😂
vscode is written in electron so the performance might not be the best but it's highly customizable and easy to use. if you want something that is not bloated, vim is the way. Saw your other comments stating it's hard to collaborate and you need to move files around. It's 10x faster if you learn to master the command lines and do everything with your keyboard. Collaboration can be done via git and drag n drop can be replaced with a simple mv command. The only caveat is if you're on Windows, you need to run wsl for the best vim experience.
vim is really good, i used it when i had a chromebook and parelally installed ubuntu on it. But now i have to collaboorate with a person who is 10k miles away from me, and webstrom gives me 100% control and my boos can see exactly what i wrote and what changes i have made, and he can directly add comments. I work with lot of pm ( who cannot code - prefer not to code ) they need commenting on through UI
@@devpanda_js that sounds like micromanagement and it's bad. But it is what it is.
I've used vscode, vim and webstorm. once you enable IdeaVim there isn't one single advantage vim has over JetBrains IDEs, on the contrary webstorm has loads, I mean loads of feature that you would never get from the whole ocean of vim plugins. I don't understand the hype of vim over IDEs like webstorm and IntelliJ
I use GNU Emacs on my Linux system with customisations for the main work I do that is in C, C++ and Python
Thanks for the video. Btw. What's the font that you use in the counter.js file at 3:06.
jetbrains mono
@@captaincool9155 ➕
Comment for the algorithm❤
When it comes to remote development, Jetbrains sucks so hard..... I had a JetBrains licensed version installed on my workstation and yet, I still use vscode, cause vscode is years ahead when it comes to remote development (SSH).
Yeap, but i work with lot of product managers who dont know what SSH means and they use chromebooks, so this is the best bet I have
ok that got me more excited then any other phaser video ive seen thank you liked and subbed
@@cheynespc welcome 🤗😁
what an amazing video 🥰
Glad you liked it!!
Another masterpiiece, love it
Comment for the algorithm also bro, great video
I appreciate it!
Comment for the algorithmn bro, clean video but i expected much
Great Video Bro '😎, If you dont know now you know
Intelij idea ultimate Jack of all just make sure to disable all java and koltlin plugins if ur not java dev
This is webstrom and its pretty lightweight compared to intellij and rider, and while setup i disabled most. Thanks for headsup 🖖🏻
Thanks for wasting my precious 2 mins
Okay fix my bike punture will pay you double 😂
Proud of you son ❤
I just wish WebStorm didn't require as much mouse input. I hate having to move my hand from my keyboard as often as I do
Yep, There is extension called keyboard X Promoter Something , which will help a lot. And you can integrate vim into webstrom
I would use jetbrains ide's but like I'm not paying money for an ide when theres other really good free alternatives RIGHT THERE
Can't understand what you say
Sorry mate. I am learning english. As english is my third language 🥲
pycharm is actually good so i would assume this is also but i like the free part that VScode offers lol
Yep my company pays for it. So it's absolutely free for me. For that tiny amount of money I will get saved from catastrophic product errors. 🥲
Also you don't have to pay every year. You can use it infinitely, you just don't get updates after the year term. I renew license once every 2-3 years.
one is free and another is 160usd year... no thanks...
My company pays for it. As the saying goes. " If you are not paying for the product, you are the product " Microsoft spys on you mate. I suggest use vscodium
@@devpanda_js dude, we all know everyone is a spyware today, paying or not, adobe is a good example… so, say paying for a ide-as-service because someone is spying us, isn’t something anymore, even knowing there so many free and open options…
All beta versions are free though
@@カイリン ohh I didnt know that 🥲
i used ws free 1 year😂
bro really compared vim to vscode and said vscode is the best open source community has to offer 💀 do try vim sometime
Bro I tried vim 😂. It really great and runs flawlessly on my potato pc. But for my work, indeed to collaborate with people and need extreme speed and file organization and I used mac so lot of drag and drop. I feel vim is counter intuitive 😂
Hmm, makes sense 😇@@devpanda_js
@@devpanda_jstry a neovim distro named lazyvim
learned a lot, can you adjust your voice bro
noted bro
💯🇮🇳
Just use vim, nano or micro!
I love vim but in modern workflows and collaboration it's pretty old-school
Sorry for being that one guy but you're kinda copying Fireship, the thumbnail to intro type and ofcourse the "100 second" videos
Bro I haven't in my newer videos. Initially I was inspired by him, but now I am covering stories which are significant and something personal
@@devpanda_js Mhm, I stumbled upon your channel while watching Kevin and then I was like How'd his voice change? and I saw its a different channel. Its good to be inspired but would be better if you'd find your own style of video content and thumbnails. Yk Something original.
Really Can't Believe how long i been learning react , still didn't know it was hated this much early on 🧐
Great video, i just needed to make a dark vs lighttheme button and alpine really helped me, thanks for recommending
Another banger bro, what a good video, Editing is improved and back to your same level, which software didi you use to edit. I See it has changed
I use FCPX, I switched recently. But I am still using premire and pshoshop for sme graphics
Become surgeon in few seconds!
😂😂😂😂
Thankyou for your collab bro, Thanks for helping me out
It's my pleasure and thankyou for the script
In VS Code, you could go to definition side by side (Ctrl + Alt + Left Click in VS Code). How do you do it in WebStorm?
Ctrl + Click (or Cmd + Click on a Mac). This will open the definition of the selected item in a new tab or window, allowing you to compare the two sides side by side. Or else simply drag and drob them in side when magnet snapping icon will appear
What Alt is for? It's just Ctrl + click
why u use 2 key and click
Hey @JetBrainsTV sponser this guy already man , its a great video ❤
You already know!
Love it. I was learning this and got distracted. Thankyou for the banger trailer ❤
Thankyou
Comment for the algorithm, really a great video ❤
Thaknyou verymuch
Great Video. Never knew how react got this far. I think next js taking over ❤
Thankyou
Video about top react libraries and there uses would be helpful
Yes ofcourse
WTH is Webstrom? Never heard of it.
It's a IDE ( integrated development environment ) from the people who developed Android Studio. But this is one designed and optimised for wen development
It is a JetBrains IDE specifically designed for web development
@@notanenglishperson9865 what are you talking, webstrom is specifically for wen development
@@devpanda_js sorry, autocorrect. I meant to say "designed" instead of "doesn't"
@@notanenglishperson9865 okay 😅😂
As a real dev I looked for webstorm in the pirate bays I couldn't find one 😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭
😂 I get it, But If check deeply, everything is opensource. I work for a yc backed company, they have funding they pay for my webstrom subscription
Jetbrains has an early access program for every tool. Might be buggy, but hey it's FREE 😊
TPB is not the only website...
Bro, I got it but not from pirate bays, got a license key from github repos