God Tier HTML Programming

[@FaisalAfroz]

If only i had ideas pop in my head fast enough to use these tools.

[@Noah-gw9cg]

Relatable 😂

[@doctorco2089]

69 likes nice

[@rafesiriso2765]

He has a video for that too.

[@younlok1081]

you have to be llike me hard code the whole feature till it works than after that editing it while crying and regretting my decisions

[@parlor3115]

That's why I know just code regardless of whether it's best practice or not, then refactor and optimise later. If you're fairly new like me, then it's the best way to go. Eventually, you'll start to make the right decision from the get go.

[@emeraldmasta7752]

“Don’t touch the mouse yet” vim users: What the hell is a mouse

[@arjdroid]

Vim users with a tiling WM

[@emeraldmasta7752]

@@arjdroid Thats me lol

[@mavdotj]

"oh i dont have any mice"

[@Hamzamakesfunvideos]

XD LOL

[@emeraldmasta7752]

lol

[@ShinAkuma]

Fireship: Makes poll asking if HTML is a programming language which received 85% votes as NO. Also Fireship: Uploads video about HTML Programming.

[@ArcaneVortex]

You missed the !programming hint ;)

[@alexismandelias]

Programming isn't necessarily tied with a programming language

[@lightdropp]

@@alexismandelias it actually is, and even if it wasnt html is still a programming language

[@borgir6368]

@@lightdropp it's a markup language

[@lightdropp]

@@borgir6368 what does that mean?

[@devsauce]

There were so many good comments under that VS Code Tips video, that you could probably make 10+ shorts out of them.

[@masternobody1896]

so pro

[@Hamzamakesfunvideos]

Yeah

[@Marspaw-1]

Or 1 full length video ;)

[@Genaaa916]

@@EnglishRain you're a cool guy. Thanks.

[@BrentMalice]

based@@EnglishRain

[@solvedfyi]

I hope the short videos reward financially just like other channels' long videos

[@Fireship]

They don't. Ad revenue is terrible on shorts. Best way to support is with Fireship PRO or github sponsorship.

[@phatakom]

@@Fireship or being featured on Mr. BEAST. Just Saying 😉

[@lakshyachopra_]

@@Fireship you can set up channel membership or patreon, i am sure many will support your content

[@yt-sh]

@@Fireship This vid was cool ngl

[@Hamzamakesfunvideos]

yes yes right man!!

[@channelname10yearsago68]

Instructions unclear, accidentally made an ai in HTML

[@lepinjalmao]

lmaooooo

[@MaleRover-001]

How the heck can one make ai using html

[@channelname10yearsago68]

@@MaleRover-001 it's a joke based on the video

[@arghosinha1424]

God.💀

[@kolyashinkarev7366]

Considering html isn't Turing complete, you literally have the power of a god

[@nitin-code-comedy]

I use Emmet a lot. With lots of this shortcuts. It's great for HTML templates. Also Emmet works with Pug and in jsx.

[@allesarfint]

- Asks if HTML is a programming language - Receive a lot of "NO HTML IS NOT A PROGRAMMING LANGUAGE YOU DEGENERATE" - Still calls HTML a programming language - Refuses to elaborate

[@sayingnigromakesyoutubecry2647]

Chad.jpg

[@jiteshkumarsahoo2830]

Sigma_male_grindset. mp3

[@Chado111]

It’s a markup language that forms the layout of web pages. There are some programming functions in HTML like JSTL and XSLT

[@ygx6]

@@Chado111 what about HTMLx? Is that a programming language?

[@33up24]

Gigachad

[@modernkennnern]

This is one of those things that are amazing for demonstrating possibilities - and everyone gets hooked - but nobody ever uses

[@flannelbeard4621]

Ummmmm look up usage stats.

[@dexter-wy5bo]

@@flannelbeard4621 usage or installation? How can you tell who's actually using it?

[@borgir6368]

@@dexter-wy5bo emmet?? i use it literally every time i do a web project and i don't even do web development everyday

[@nilpo]

Emmet is super useful. Unfortunately the VS Code implementation is buggy at best and doesn't always provide the same output across different machines.

[@Rust_Rust_Rust]

@@nilpo is it good on vs code now?

[@othmanosx]

Man, your videos are so dense and packed with info that I need to pause every few seconds to grasp what's happening.

[@softwarelivre2389]

Jeff: Age of Mythology Zeus on the thumbnail. Me: I see you're a man of culture as well

[@aqirate]

I sunk so many hours in this game I'm even scared to think about it

[@6500s1]

this.

[@nikolacukic5351]

Prostagma?

[@6500s1]

@@nikolacukic5351 Vulome. Etimos. Prostagma.

[@masternobody1896]

so pro

[@M_7844]

Balance outward/inward is great. I've tried it as soon as I read that comment and I love it.

[@tanmay______]

god i love programming in HTML

[@lapissea1190]

Hello world program in HTML (complete source code example): Hello world

[@chiragsingla.]

@@lapissea1190 other programming languages are bloat

[@Hycord]

!programming

[@Connected_Chronicles]

thanks to the plugins

[@vchabal]

just continuing the flame ... HTML stands for "HT Markup Language". Markup Language is a way of annotating. You most probably mean marking up HTML, or are you programming a engine which is parsing HTML?

[@EnglishRain]

0:23 onwards is mind-blowing!

[@mayurchavhan8590]

In Next Video, Giving EMMET to AI and use Voice command to make Web Applications. THE END.

[@kyo4156]

Some people said AI can't replace our job, but I can see the end of my career is just around the corner...

[@ZAKINGOFDESPAIR]

@@kyo4156 it can't.. it can assist u. And what he said also comes under this assist category

[@mikul3122]

"Gimme Facebook frontend and backend GO"

[@kyo4156]

@@ZAKINGOFDESPAIR 🤔make sense

[@wendellkenneddy8]

@@mikul3122 Also in brainfuck language pls

[@camillo4308]

KZbin really gotta add the playlist buttons for shorts

[@random_potato2549]

like the video then it goes into a liked video playlist

[@ryanappenheimer9304]

not sure when but they added that feature now

[@ZachHixsonTutorials]

Balance outward + wrap would be an amazing tool to have in all languages

[@Saipranav_02_]

congratulations for 700k subscribers !!! you deserve more !

[@suparthghimire1644]

Also sometimes we might want to have numbered ids in successive lines for example if we are building a grid system so instead of doing #something_1 + tab #something_1 + tab ... n times, you can do #something_${}*n -> n is number this will generate numbers from 1 to any number successively. Kind of doing a for loop from i = 1 to n times :)

[@Bartosh.S]

Useful when need different ids and you can specify content as well, div#myid${Content}*3 Content Content Content

[@Bartosh.S]

or just do this div*3

[@willianandrade1357]

HORY SHET!

[@arwahsapi]

Same thing goes for: Lorem*5

[@vaibhavjain4881]

Thanks for the useful advice.

[@theilluminatimember8896]

That wrapping part is going to save me some time, didn't knew that yet

[@codecleric4972]

"HTML is my favorite language for programming website documents." Ya don't say? 😂

[@GSquaredOG]

These shorts are nothing short of awesome!

[@GDColon]

i can safely say this video opened my eyes and will probably change my entire life

[@itaylavi2556]

That's the most amazing thing I've seen this week. More pls🙏🏾

[@toxaq]

If we start including declarative programming as “programming” then I guess Microsoft Word saving to XML is an IDE, as is anything that saves to SVG, so Adobe a pretty great for programming in.

[@Gryzly123]

jokes and plugin development aside, you can get some real programming done with Word's VB editor and adobe's Dreamweaver (js) and Animate (actionscript) ;)

[@GreatClickbait]

You include libraries with functions that are often used declarativley . HTML is not a programming language because it is not Turing complete and neither is saving to xml in word

[@circuit10]

It was a joke

[@rewrose2838]

This is why CS degrees have a class on theory of computation, so they don't need to use quotes when calling something "programming"

[@dgoosen4878]

Based

[@qontranami]

Excellent outro. Really sums up the feeling.

[@aayushojha9597]

100 seconds of Figma 100 seconds of Gatsby Pleaseeeeeee 🙏🏻🥺

[@lapissea1190]

100 seconds of ligma

[@bringbackwindowsphone]

@@lapissea1190 100 seconds of my balls

[@lapissea1190]

@@bringbackwindowsphone Niiice

[@mayank_upadhyay_19]

100 seconds of pumping

[@NargaKuruga]

figma ballz amarite

[@subhadeepchatterjee1528]

Finally emmet is getting recognition been using it for 3 months now

[@abhishekpratap05]

I have been using it for more than 3 years 😅, i was so surprised when I had first figured it out.

[@flannelbeard4621]

@@abhishekpratap05 yeah they're kinda slow on the uptick here lol

[@TheSimslash]

dude you're a genius kept laughing for 5 seconds after the video yes im a bit drunk but still dank stuff keep it up man

[@19iputuferdynanthaivenamah94]

This will fricking boost up my production now

[@anupamdahal7029]

I have learnt a lot of new things that I have never worked with from your videos, like AWS, nginx, kubernetes, graphQL(and other dbs), typescript to name a few. One thing that I don't understand is how they work together. I would really love to see a video where you design a mock system using all of these (and possibly more) and explain each of their roles and why you chose it (kinda like your reverse-cloud migration video using raspberry pi). Whenever I think of a software architecture I think of them as several layers that interact with each other. However, I am unable to assign which layer what belongs to by watching a stand alone tutorial about a single tool. Btw, I am a college senior pursuing CS major and I love your content. Thanks for all the awesome contents.

[@formula1340]

I think he made a video about that but kind of sarcastic but still provided useful information in the end. Search "over engineering of tech stack" in his channel.

[@juliohintze595]

Now THIS is good content. Those last two tips are going to awesome!

[@stefandili2650]

Thanks for the feature, Jeff!

[@abrar4466]

Really appreciated the info with humor!!!

[@ChaoticNeutralMatt]

Shit this is amazing. I just didn't know how easy those snippets were. Totally caught me off guard

[@imlautaro123]

Your shorts are really cool and useful 👍 Keep it up and you'll hit a million very soon

[@hex697]

*uses VSCode command to “Go to line 10”* VIM users: “Look what they need to match a fraction of our power.”

[@G0H1LK4M]

That was absolutely sick. Gonna try this today.

[@fatgolem69]

700k Subs Let's Gooo Fireship!!

[@jimhalpert9803]

Congratulations on 700k!

[@uuu12343]

Emmet is so good, he physically became He-Man

[@andrewkaskaniotis8922]

Thank you!!! I have been looking for something similar to this

[@boiimcfacto2364]

Ctrl+Enter for a new line broke my tiny 20 iq head HOLY SHIT

[@LoSpotItaliano]

One of the first rules they’ve teached me at the bootcamp: read the fucking manual

[@boiimcfacto2364]

@@LoSpotItaliano I mean I would, but it's so much more fun going blindly in and discovering tricks like this lol

[@lookupverazhou8599]

Ctrl enter deletes word backward. Ctrl space is new line below, ctrl shift space is new line above. Tf.

[@angelomendoza6894]

And you are my favorite programming youtuber

[@derinus]

I've become just as fast with basic closing tag completion, line copying and home+end keys. I usually only create the document structure once

[@lakshyachopra_]

Wrap abbreviation is a cool feature, btw congrats for 700k subs!

[@psenej]

it's like cheat code activate in gta 5

[@isc77777]

Man always teaching me stuff, thank you from the bottom of my heart

[@devtk]

Great Video 👍

[@antondruzhinin9056]

I really like that when he said programming he added !

[@7heMech]

Ah, yes, HTML and CSS are my favorite !programming languages

[@lightenedstardust1883]

saved for a little . or else........

[@lawrencedoliveiro9104]

In the old days, we would have said “¬programming”.

[@7heMech]

@@lawrencedoliveiro9104 true

[@krishgarg2806]

Congrats on 700k!

[@0xjrr]

!PROGRAMMING

[@bakane6030]

For those who don’t understand !true = false.

[@sambo-mambo]

@@bakane6030 yes

[@bennythetiger6052]

I love it so much that you actually put a ! before "programming" lol

[@stertheblur]

🙄->😲->🤯

[@loganrosenthal4568]

I’m 2 hours into supersimpledev’s 6 and a half hour course, and you just blew my mind with efficiency

[@gentoolinuxuser4387]

now what if i told you emmet is also available as a vim plugin?

[@detectiveoftheeast8378]

what if I told you vim is also available as a vs code plugin

[@azufendusgarendum6583]

​@@detectiveoftheeast8378 ah yes, catCTRL-r"

[@AdrienMelody]

I love HTML because I can almost understand it 😂 I’m not a coder, but my brother taught me some things about HTML when we were growing up and I’ve worked on a lot of WordPress sites, so I can kinda see how a webpage works from reading the HTML file, and that’s fun

[@immortaldev1489]

I'm gonna commit a war crime if someone calls HTML a programming language again

[@cputrevu]

😂😂😂

[@Runeite51]

I mean... what does the L in HTML stand for then 🧐

[@immortaldev1489]

@@Runeite51 what does the M stand for?

[@nnillat]

@@immortaldev1489 I could argue that markdown languages (which include markdown and HTML) are also programming languages as well, since they are programming the text's formatting, but that's a tough path to die on.

[@Starwort]

​@@nnillat *markup languages Markdown is a play on markup

[@FlySoloG]

Ayeee emmet finally getting some shine 😭

[@DerickMasai]

At 0:21 is where my eyes were last seen to be normal size. After that, O-O

[@csiwele617]

omg in love with this short

[@justinblanco9590]

🔥

[@Darthilandia]

OMG the best info and video editting I know about code hahaha!

[@wayne1512]

ok fine, but now you finished the entire website in 59 seconds are made redundant 😂

[@Fireship]

Programmers are supposed to make themselves redundant :)

[@aussieraver7182]

Ooosh, that last tip is so helpful

[@LanceUeki]

I've gotta learn this ASAP

[@Chrosam]

CONTROL G!! I've been looking for it for ages!

[@hafidnur301]

This is best addition to work with CSS framework

[@fluxx2875]

ctrl + p -> ":" will also go to the specific line, default VSC feature.

[@D3ss3rtTV]

Emmet is chef's kiss 👌

[@ArKy326]

Saw some video with this kind of method and I can't find it on google, thank you my guy now I can sleep.

[@vanillacakez2586]

Thank God I installed vscode last week

[@internetuser2399]

hell yeah jeff we love you man

[@cloutdevelopers8633]

Just when I needed it, thank you, bro.

[@friedrichvillegasmurillo9775]

Emmet abbreviation is the best thing i ever seen.

[@fallzero7304]

Emmet is such a great way to write HTML effectively Getting ideas to create that many to get used to that is the issue

[@virajm5247]

One more reason why I love the atom editor already preinstalled with this

[@chrisbitus1328]

EMMET IS THERE FOR SUBLIME TEXT & I LOVE IT!!!

[@j4nis059]

I never realized how powerful this tool is

[@IDKisReal2401]

Such efficiency I HTML in Google Docs when I'm bored but this works too

[@kerduslegend2644]

"Sooo... Where's the end of that div again?"

[@Pervy]

ctrl+enter was best part of the video for me.

[@aracon9721]

I already knew emmet but still learned new stuff

[@devvinicius]

You can press shift + alt + f to format the code 😉

[@oncedidactic]

Every part of this is so accurate

[@sayeghjoe]

Emmet was a game changer

[@seo-insights]

You had me on "Snippets on Steroids" 🤣

[@dominobuilder100]

We actually learned to use these snippets in school. I’m really surprised (and happy) we did

[@GuardianOfAbyss]

When I first started coding, I had to learn all of this shortcuts just to feel comfortable typing. To be honest HTML its easy but having to type all this opening and closing tags its a pain in the butt

[@aditya.khapre]

Emmet is a godsend

[@reinhardtkika1549]

More like this please

[@batu266]

Videos about Golang would be pretty cool

[@nunchukGun]

Someone at my first job showed me this and its a lifesaver

[@carlosacevedo3067]

I love this. “I have the power”

[@RustyNox]

My fav 80's show growing up in the suburbs, oh, and yeah emmet every time (:

[@ninjaasmoke]

I have saved that vscode tips video to check the comments when I need some tip

[@Lightpaladinsoldier]

This demo was sensational

[@Maitapa1]

The moment I realised that my hours of practicing finally payed off, because I knew all of the shown shortcuts to write the html quickly

[@balubalaji9956]

Balance outward command . Thanks for new trick