I usually go about HTML, css and js as follows, when talking to friends/family who have no clue: HTML = Data Layer CSS = Design layer JS = Interactive Layer And then I tell them that I do backend which is everything you don't see.
@@Marasma101 for us technical people, yes, that's true. However when you think of it, HTML delivers the data in a format the browser understands. CSS then makes it visually appealing and JS allows you to interact with it. Again: this isn't technical terms - we have all studies the OSI layers and understand things. But explaining it to the average joe is a different thing ;)
@@marianaavila5922 I explain this by asking people if they know what a roadmap is. You know, google maps in retro? I tell them that they are in a city to the south and they need to go to the north. I tell them that whenever you put something into google and hit enter, a car always starts in the south, then it has to get the knowledge from libraries all cross the country and then deliver it to your home in the north. And then I tell them that I don't build the car to do it (because that's either the internet itself or frameworks, depening on your viewpoint) but i tell them i do everything else. I build the roads, i build the warehouses, i take care that there's enough stock in the warehouses and i also build the navi inside the car :D
Git is a version control software meaning it keeps track of changes in code as you and your team works on it. If anything goes wrong, you can go back to a different version of code when it worked. You do this by using "commits" which basically works like "save". Teams typically develop code using "branches" which are additions to the code where one person can develop a feature. Once a person finishes a feature on their branch, they make a "pull request" into the main branch (called master) where typically finished, working (mostly bug free) code goes and gets launched/shipped. All the Git commands can be confusing and even many experienced engineers still trip up on it.
Wow I’ve been watching coding vids for a couple months now and this is the first video where you describe the use of different languages in a way I can understand and not get overwhelmed! Very encouraging for someone who is starting out, Thanks!
mayuko this is such a cool idea for a series 😍😍!! i'd personally love to watch an overview of how different tech roles interface with each other in building a product
Thanks for the vid! Think you described it great in a natural way :). Good intro for people wanting to learn more about front-end without being overwhelmed
love your videos! the only comment I have is if you don't mind changing your background music to different ones? the currently has a beat that sounds really clear and like a tiktok that messed up my focus lol.
Great video! Nice brief explanation of the concepts and my favorite kind of development. It definitely complements visual designers and creatives really well and is a great place to start when learning to code.
Love this series! Keep it coming Mayuko! Being an SEO, I have to work with frontend developers all the time (and I'm always trying to improve my html game 😅) Can't wait for the next episode of this series!
I'd send one vote for 3 minutes instead of 2, but I like the idea of making it quick so people don't get put off when they see the length of the video! This is also nice because it focuses more high level rather than go into any depth so it would probably reach a larger audience.
I might be the first one to watch this.. Regardless of how awesome your video is going to be.. I am gonna say you are an idol to many tech enthusiasts... Keep inspiring and Stay safe :)
I’ve been programming since the 90s.. Back then, websites were all static, nothing dynamic. Then Netscape came out with JS and it opened the door to modern day front end. When Netscape tanked, I thought JS would go with it. But nope, JS is a millions times better then when it first came out.
Most people who switch into a programming job start off as front end developers. It is very important and comparatively easy to get into. It can be self-taught very easily, as HTML and CSS don't really have to worry about runtime and segementation faults, and the errors that you would run into in programming. It is a very feasible route to take if you are switching from a different career, or if you are just trying to get in as quick as possible.
2 minutes breakdown : 0s-30s ---> General intro , relevant stuff 31s - 60s ----> ATMs analogy 61s - 90s ----> Technologies used 91s - 120s ---> things to look out for Thnx for uploading
Holy Bejesus. I didn't know it sort of changed names. I remember it being called web design (at that time mobile wasn't as big as it is now). I guess they called it that to kind of roll all that under one umbrella
Show us the languages you use please! Always been curious. I know you like swift, but what are the other ones? Also, at what times do you stream on twitch? I never really got there on time. Having the feeling to work with someone is nice when I code alone in a room all the time haha
I usually go about HTML, css and js as follows, when talking to friends/family who have no clue:
HTML = Data Layer
CSS = Design layer
JS = Interactive Layer
And then I tell them that I do backend which is everything you don't see.
Html is not the data layer... It's still part of the presentation layer, including the css
Can you explain backened like u did here. Thanx
HTML = Content
CSS = Styling
JS = Behavior
@@Marasma101 for us technical people, yes, that's true. However when you think of it, HTML delivers the data in a format the browser understands. CSS then makes it visually appealing and JS allows you to interact with it. Again: this isn't technical terms - we have all studies the OSI layers and understand things. But explaining it to the average joe is a different thing ;)
@@marianaavila5922 I explain this by asking people if they know what a roadmap is. You know, google maps in retro? I tell them that they are in a city to the south and they need to go to the north. I tell them that whenever you put something into google and hit enter, a car always starts in the south, then it has to get the knowledge from libraries all cross the country and then deliver it to your home in the north. And then I tell them that I don't build the car to do it (because that's either the internet itself or frameworks, depening on your viewpoint) but i tell them i do everything else. I build the roads, i build the warehouses, i take care that there's enough stock in the warehouses and i also build the navi inside the car :D
Tech in 2
TEK 'EN 2
TEKKEN 2
This is what I heard
mind blown
Whoa
Hodor
This made me actually lol. Thank you.
Thanks for the laugh!🤣
I would love to see git explained under 2 minutes
Git is a version control software meaning it keeps track of changes in code as you and your team works on it. If anything goes wrong, you can go back to a different version of code when it worked. You do this by using "commits" which basically works like "save". Teams typically develop code using "branches" which are additions to the code where one person can develop a feature. Once a person finishes a feature on their branch, they make a "pull request" into the main branch (called master) where typically finished, working (mostly bug free) code goes and gets launched/shipped. All the Git commands can be confusing and even many experienced engineers still trip up on it.
@@Thydus. rogerdudler.github.io/git-guide/
Changed code (git status) or/and (git diff) > Track changes(git add) > Staged ( git commit) > Push to branch (git push)
@Forbidden Souls that does not explain git itself unfortunately
You should check out FireShip
As a front end software engineer, this was a great overview that I'll be using for family members in future! Keep up the great videos
Oh I'm so glad! Thanks Kirstie 😁
So for a guy like me that has no clue about anything about the subject, where can I start to learn and make a career of it. I’m really interested.
“In 2 minutes”
Dayum, you round down HARD Mayuko. 😂👍🏼
I LOVE how you added the // for comment. Very creative! Great video!
Would love to see a "How to read / write good documentation". Writing docs (and reading a ton of them) has been a super common part of my dev life.
This is the best 2 min explanation of anything I've understood in my life.
Always good content on here, thanks Mayuko. I would love to see git explained in 2 as well.
This is the best beginner friendly explainer video I've seen on this topic
I love this! Even though I am almost done with my CS degree, I didn't know about most of this stuff! Looking forward to more iterations in the series!
I like this concept! Quick to watch and helpful :)
Keep doing these. I wanna keep knowing about programming and more but I don't want to sit through a 20 minute video. This is what I need.
Wow I’ve been watching coding vids for a couple months now and this is the first video where you describe the use of different languages in a way I can understand and not get overwhelmed! Very encouraging for someone who is starting out, Thanks!
This was so good 👏🏿👏🏿
Autogenerated subtitles: “This is Tekken 2”
Me watching video without sound: Wow. Mayuko-chan is into pro gaming now. I might be in love.
mayuko this is such a cool idea for a series 😍😍!! i'd personally love to watch an overview of how different tech roles interface with each other in building a product
HTML:
Me: ahh it's easy
CSS:
font-size: 15px;
Me: Easy peasy
Javascript:
0.1 + 0.2 === 0.3 (false)
Me: Wth?? 🤣🤣
it's true 0.2 is not equal to 0.3 ....
0.1 + 0.2 === 0.3 (false)
is the same in few more languages (java and python (WOW))
because of IEEE-754
Same
Try this way: parseFloat((0.1 + 0.2).toFixed(1)) === 0.3 (true)
Love it! You are upbeat concise and warm. Thanks for doing what you do and how you do it!
Great video. I was just looking for a video to very quickly explain the big picture to a friend and this did that perfectly. Thank you so much.
Been watching your vlogs since then. Thanks for all the tips and sharing Mayuko. Stay safe always! cheers!
Thank you Mayuko, sounds easy when just hear about this 3 Composition of the Frontend stack, hihi
- HTML
- CSS
- JavaScript
Yep, the good old days of three separation
and now, react, angular, vue, and tons of support library
jQuery is dead
@@General_Aladeen YES, no jQuery please
@@lorderikir so many jQuery alternatives, like Vue js etc
Short and straightforward, thanks!
Great video. :)
Another important aspect of CSS is the grid box. Layouts are crucially important.
I'm a Frontend Development and I love it! :D
Went over about 34 secs lol but still a breath of fresh air to see this right when I get up in the morning ☺️
I love this new format! It's very nice. You're doing great, Mayuko!
Str8 to the point! Just how i like it! We appreciate your hard work. Good stuff
Thanks for the vid! Think you described it great in a natural way :). Good intro for people wanting to learn more about front-end without being overwhelmed
How to center a in 2 minutes
Excellent stuff, nicely explained. I didn't know what I didn't know!
I really like your videos style. You manage to explain the topics easily and very entertaining. Kudos :)
i love how your hair is so nice and fluffy uwu great vid and am looking forward to the series!
love your videos! the only comment I have is if you don't mind changing your background music to different ones? the currently has a beat that sounds really clear and like a tiktok that messed up my focus lol.
Great video! Nice brief explanation of the concepts and my favorite kind of development. It definitely complements visual designers and creatives really well and is a great place to start when learning to code.
I barely know anything about the topic, and I loved the video.
I would love to see more videos like this!! your good at communicating/educating about these topics
i'm liking this series a lot! i also like the way you teach :)
As someone considering this industry, this video was incredibly informative and useful. Thank you very much.
I absolutely love this video! 👍🏻
I love the ATM comparison
Love this series! Keep it coming Mayuko!
Being an SEO, I have to work with frontend developers all the time (and I'm always trying to improve my html game 😅)
Can't wait for the next episode of this series!
This is a fantastic idea for a series, keep going!
Okay mayuko. I found your passion for you haha! you are great teacher. Thank you for this awesome video.
I preferred this to that Microsoft show you hosted because this was more concise and less confusing. Ready for the next episode!
Breif and understandable explanation of the Front-end Development. Thank you alot
Yup, I already know I'll love this series
Great video! Short and sweet. I wish to see some topics about frameworks
Angular in 2 minutes 🙌
Love it, love it, I am studiying computer engeneering here in México and love your videos.
Keep going with the series! Awesome!
いつもありがとうございます！！ プログラミングのことを学べるほか、英語も勉強できるので最高のコンテンツです😆
I'd send one vote for 3 minutes instead of 2, but I like the idea of making it quick so people don't get put off when they see the length of the video! This is also nice because it focuses more high level rather than go into any depth so it would probably reach a larger audience.
Wow!! That was so cool!! I really liked how you explained Front End Development. Thanks!
Very nice Mayu!
Hey kak mayuko - chuannn your is the best inpiration😍😍😍 gazzzzzz
Love the way you talk. Keep rocking!
フロントエンドってなんというか、相手が人間だから作った側の誠意とか気遣いがダイレクトに伝わりますよね。
もちろんバックエンドも人間性が問われますけどね。
The atm analogy was good
love this series!
I might be the first one to watch this..
Regardless of how awesome your video is going to be..
I am gonna say you are an idol to many tech enthusiasts...
Keep inspiring and Stay safe :)
oops guess what ? I was wrong !!!
アルゴリズムからきました！英語がすきで、外国人と働いたこともあるのでとても興味がわきました！Thank you RUclips algorithm!
I’ve been programming since the 90s.. Back then, websites were all static, nothing dynamic. Then Netscape came out with JS and it opened the door to modern day front end. When Netscape tanked, I thought JS would go with it. But nope, JS is a millions times better then when it first came out.
I’m not a tech geek but I enjoyed this explanation. Look forward yo your next videos!
Good succinct explanation, thank you Mayuko.
Great job on the edit and cool content idea
First! Great Vid. I am considering getting into Front End Web development.
Most people who switch into a programming job start off as front end developers. It is very important and comparatively easy to get into. It can be self-taught very easily, as HTML and CSS don't really have to worry about runtime and segementation faults, and the errors that you would run into in programming. It is a very feasible route to take if you are switching from a different career, or if you are just trying to get in as quick as possible.
This is true for me! I did web dev before mobile exactly for that reason. I'm sure many others share that experience.
If you could explain the practical difference between relational databases and non-relational databases that'd be cool
Just discovered your channel. Loving the content so far. Liked and subscribed :)
Would love to see you explain ML(Machine Learning).
2 minutes breakdown :
0s-30s ---> General intro , relevant stuff
31s - 60s ----> ATMs analogy
61s - 90s ----> Technologies used
91s - 120s ---> things to look out for
Thnx for uploading
More Tech in 2 please mayuko!
Talented, successful, and a great teacher...awesome!
Thanks ...you have just solved a decade problem
Holy Bejesus. I didn't know it sort of changed names. I remember it being called web design (at that time mobile wasn't as big as it is now). I guess they called it that to kind of roll all that under one umbrella
Nice to see a video on this interesting topic! Do make one on ios app development too ...
Excellent video, thanks!
Great video. I would love to see containerization or docker in 2 minutes
This is a great series. I look forward to more.
Great Content! Love to see some testing best practices 😊😊
Loved the analogy!
Show us the languages you use please! Always been curious. I know you like swift, but what are the other ones? Also, at what times do you stream on twitch? I never really got there on time. Having the feeling to work with someone is nice when I code alone in a room all the time haha
woah Thanks☺️ front dev here👊
Could you make video on why people should consider this type of work in the tech industry? who's it for and etc..
Nice format :)
Should make for a very good reference series... Nice one.👍
woohoo! new video
Love this! Make some moreee
¡Good work girl, There was great!
YUSSSS THE FUNKY BEATS, THEN THE SMORT TALKS
Mayuko you may start this kind of segment to teach coding. Looking forward for more!
Awesome explanation!!!! LOVE IT :)
Your hair is always on point lol. Also great video as always.
Mayuko: this is tech in 2
My subtitle: this is tekken 2
Me: 😳😳
That was great! Thank you!
Hi Mayuko, what's the wallpaper you use? Thx!
This is great! Would love to see technologies need to be learnt in order to get to FANG companies!
Back end please, because there are so many language to learn for back and front so I'm really confused. What do you use miss ?
I love your content