{"id":2181,"date":"2021-05-13T12:56:00","date_gmt":"2021-05-13T11:56:00","guid":{"rendered":"https:\/\/wp-uk.mindquest.io\/?p=2181"},"modified":"2022-10-10T15:41:22","modified_gmt":"2022-10-10T14:41:22","slug":"successful-web-dev-stefan-judis","status":"publish","type":"post","link":"https:\/\/wp-uk.mindquest.io\/?p=2181","title":{"rendered":"What Makes a Successful Web Dev: Stefan Judis, Front-End Dev Expert"},"content":{"rendered":"<p><em>What makes a successful web dev? We interview Berlin-based front-end expert Stefan Judis. Stefan works for the content management platform <\/em><a href=\"https:\/\/www.contentful.com\/\" target=\"_blank\"><em>Contentful<\/em><\/a><em> leading developer relations. Whether it is by tweeting, writing, or streaming, he loves sharing his web development expertise with the broader community. He also helps maintain <\/em><a href=\"https:\/\/tiny-helpers.dev\/\" target=\"_blank\"><em>Tiny helpers<\/em><\/a><em> and <\/em><a href=\"https:\/\/x.com\/randomMDN\" target=\"_blank\"><em>Random MDN<\/em><\/a><em>.<\/em><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p>?  <a class=\"has-text-color\" href=\"https:\/\/visit.mindquest.io\/mission-control-center-podcast?utm_source=medium&#038;utm_medium=b_post&#038;utm_campaign=Podcast_lp\" target=\"_blank\">Subscribe to the podcast<\/a><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<h3><strong><em>Let\u2019s start from the beginning. How did you get started in technology?<\/em><\/strong><\/h3>\n<p>I started working in a completely different field after school. I was working as a sound engineer, and I worked in German television. So, what I did for a couple of years was mixing stuff mainly for sports TV shows. But then I figured out that I didn\u2019t want to do that my whole life, that that wasn\u2019t going to fly going forward. So, I thought, well, you&#8217;ve been always good with computers. <\/p>\n<p>Then I started studying here in Berlin, where I learned to program stuff. So, it all began with a little bit of C++ and Java and these kinds of things that you learn at university. Berlin is a very start-up-heavy city, so I landed an internship working with Magento and PHP \u2013 not real front-end stuff like we do these days; that was not really a thing yet back then. But yeah, I took my first internship and from then I just jump from company to company and learned that I love the web and love writing and creating content around web technologies. <\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<h3><strong><em>What made<br \/>\nyou fall in love with web development?<\/em><\/strong><\/h3>\n<p>I\u2019ve always liked the visual aspect of it. When I started, I was really into the Magento stack and I thought it was kind of cool, but I always liked the whole visual animation part of doing web development. And when I started, it was still the early days. Then, you know, slide up, slide down, fade in, fade out, all of these tiny functions. But II found these incredibly appealing. And then slowly but surely, front-end development became a real thing. Then more complexity got into that, and I was completely hooked by all this new technology that was coming out. Then I found out that building for the web is fun. And since then, I tried to build the best stuff possible.<\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p><a class=\"has-text-color\" href=\"https:\/\/mindquest.io\/en\/signup?type=consultant\" target=\"_blank\">Join our community and find your next job in IT<\/a><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<h3><strong><em>What<br \/>\nwas the hardest part of your transition into tech?<\/em><\/strong><\/h3>\n<p>Well, especially in web development, learning is difficult. I have been doing web dev for 10 years, and when I started, I was incredibly impressed with what people were doing there. So, I remember I was sitting next to a colleague, and they opened their terminal, and they were doing some fancy stuff in this black window and I was like, \u201choly moly this is a completely different world.\u201d <\/p>\n<p>I think it was rather challenging to figure out what exactly I had to know. What should I know how to do? But also building a career around that. I think it&#8217;s also important to figure out what you actually like. <\/p>\n<p>So, even though now I say that I specialise in front-end technologies, that took me quite a while. Then, I would say that it took me two or three years to figure it out and get a clearer picture of what is actually out there. And it\u2019s only getting worse, especially in the front-end sphere, because there&#8217;s just so much technology out there. A lot of people keep asking me: \u201cHey Stefan, what should I learn?\u201d And I&#8217;m like, \u201cwell, good luck figuring that one out.\u201d So, I think that is definitely a challenge that we have at the individual level, but also at the industry level, because there&#8217;s just so much stuff happening these days.<\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<h3><strong><em>Given<br \/>\nhow many open fronts there are these days, what would you recommend to those who<br \/>\ndon\u2019t know what to focus on?<\/em><\/strong><\/h3>\n<p>For people<br \/>\nwho are just entering the industry: do whatever is fun and useful, really,<br \/>\nbecause there&#8217;s so much stuff to learn and it feels very, very overwhelming.<br \/>\nBuild your website, get it off the ground and do whatever is fun and useful.<br \/>\nBut what I usually recommend to people is: don&#8217;t forget to be curious about the<br \/>\ntechnology when doing so. <\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p><a href=\"https:\/\/visit.mindquest.io\/subscription-newsletter\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"367\" alt=\"Connect by Mindquest - Newsletter\" class=\"wp-image-6763\" src=\"https:\/\/wp.club-freelance.co.uk\/wp-content\/uploads\/2022\/07\/Test_MQ-New-Blog-CTA-Banner-2-21-1024x367.jpg\" srcset=\"https:\/\/wp-uk.mindquest.io\/wp-content\/uploads\/2022\/07\/Test_MQ-New-Blog-CTA-Banner-2-21-1024x367.jpg 1024w, https:\/\/wp-uk.mindquest.io\/wp-content\/uploads\/2022\/07\/Test_MQ-New-Blog-CTA-Banner-2-21-300x108.jpg 300w, https:\/\/wp-uk.mindquest.io\/wp-content\/uploads\/2022\/07\/Test_MQ-New-Blog-CTA-Banner-2-21-768x276.jpg 768w, https:\/\/wp-uk.mindquest.io\/wp-content\/uploads\/2022\/07\/Test_MQ-New-Blog-CTA-Banner-2-21-1536x551.jpg 1536w, https:\/\/wp-uk.mindquest.io\/wp-content\/uploads\/2022\/07\/Test_MQ-New-Blog-CTA-Banner-2-21-1200x431.jpg 1200w, https:\/\/wp-uk.mindquest.io\/wp-content\/uploads\/2022\/07\/Test_MQ-New-Blog-CTA-Banner-2-21.jpg 1700w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p>What we see<br \/>\nright now is that there are a lot of people just learning a framework when they<br \/>\nenter the industry. And, while that is great to get a product off the ground, I<br \/>\nthink it&#8217;s very important to understand what is actually going on. I&#8217;m a big<br \/>\nfan of the pillars of the web, HTML, CSS and JavaScript, and I think it&#8217;s still<br \/>\nimportant to have a very good fundamental knowledge of these technologies. And<br \/>\nthese are huge areas by themselves. You cannot be an expert in all three areas,<br \/>\nespecially when you have frameworks on top and that and maybe something on top<br \/>\nof the frameworks. But I think curiosity and having this drive to say: \u201cOk, I&#8217;m<br \/>\nusing that. But how does it actually work?\u201d &#8212; I think that&#8217;s very important to<br \/>\nbecome a good web developer.<\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<h3><strong><em>In your experience, what separates a good web dev from a great one? Is it soft skills, or is it more about hard skills? What make a successful web dev? <\/em><\/strong><\/h3>\n<p>I think<br \/>\nthere are two areas. Soft skills are usually a very underrated thing when we<br \/>\nspeak about software developers. Being a team player in general, I think this<br \/>\nis definitely a crucial part of a solid career. Being humble, being helpful,<br \/>\nall the kinds of things that make you a good team player. That&#8217;s something, for<br \/>\nexample, that probably should have been taught at university when I studied. Good<br \/>\nor great teams or developers really depend on soft skills. And I would love to<br \/>\nhave the industry focus a little bit more around that. <\/p>\n<p>And speaking from the technology side of things, I think a great <a class=\"has-text-color\" href=\"https:\/\/mindquest.io\/en\/blog\/news\/2036\/from-stay-at-home-mom-to-full-time-web-developer-an-interview-with-olena-drugalya\" target=\"_blank\">web developer<\/a> is someone who always puts the user first. What happens in web development right now is that we have a lot of technology fatigue. We&#8217;re using the latest and greatest just because it is the latest and greatest or just because everybody is doing it. So, what I see very often are overengineered sites and products where something simpler would have done the job.<\/p>\n<p>There&#8217;s nothing wrong with building something with the latest and greatest when you&#8217;re playing around and you&#8217;re building your own blog. But when you&#8217;re building a commercial product, I think it&#8217;s very important to take a step back and think: \u201cHey, did that make the whole thing slower, or is it now more inaccessible or is it less robust just because we wanted to use the latest and greatest technology?\u201d I think great developers keep the bigger picture in mind and think about the user to build the best possible product. Because at the end of the day, that&#8217;s what we&#8217;re paid for. We&#8217;re not paid for playing with tech. We are paid for building something great.<\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<h3><strong><em>What would you say are the top three soft skills a successful web dev should have?<\/em><\/strong><\/h3>\n<p>I would say<br \/>\nit&#8217;s the usual things, from being helpful to being humble. Putting yourself<br \/>\ninto the shoes of your colleagues and customers, I think that is a very<br \/>\nunderrated skill. Very often it always feels like everything is on fire and<br \/>\neverybody wants something. But very often, and I&#8217;m guilty of that myself, it\u2019s<br \/>\nnecessary to take a deep breath and think about where the other person is<br \/>\ncoming from. I think this is very valuable when it comes to building a career<br \/>\nor working together in teams. <\/p>\n<p>One piece<br \/>\nof advice that I received a few years ago and that I now keep close to my heart<br \/>\nis that when you&#8217;re working it can get quite stressful, always under pressure.<br \/>\nAnd very often, what happened to me is that I had this kind of \u201canti-\u201d mode. I<br \/>\nwas like, \u201ceverything is too much.\u201d And I just ranted a lot to other people.<br \/>\nAnd I once ranted in a situation where the person was in front of me. They went<br \/>\nlike: \u201cStefan, I feel you, I empathise with you, but what&#8217;s the solution?\u201d And<br \/>\nI didn&#8217;t have one. I just wanted to rant.<\/p>\n<p>Since then,<br \/>\nwhen I really had the feeling that something had to change or something was really<br \/>\ngoing on with my nerves. Try to think about the solution first and then propose<br \/>\nthat to colleagues, your bosses, your mates or whoever is around you, because<br \/>\nvery often ranting doesn&#8217;t solve the problem. And it&#8217;s very easy to rant<br \/>\ninstead of changing something. And that&#8217;s something that I learned and that I<br \/>\nhave kept with me for a couple of years now. And it&#8217;s definitely helpful.<\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p><a class=\"has-text-color\" href=\"https:\/\/mindquest.io\/en\/blog\" target=\"_blank\">Check out more of our interviews from our podcast episodes.<\/a><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p>Follow Stefan through <a href=\"https:\/\/www.stefanjudis.com\/\" target=\"_blank\">his blog<\/a>, <a href=\"https:\/\/x.com\/stefanjudis\" target=\"_blank\">Twitter<\/a>, <a href=\"https:\/\/github.com\/stefanjudis\" target=\"_blank\">GitHub<\/a>, and <a href=\"https:\/\/www.linkedin.com\/in\/stefan-judis\/\" target=\"_blank\">LinkedIn<\/a>.<\/p>\n<div class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>What makes a successful web dev? We interview Berlin-based front-end expert Stefan Judis who works for Contentful leading developer relations.<\/p>\n","protected":false},"author":6,"featured_media":2183,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[754,9,773],"tags":[525,548,549,441,579,547,550,546,380],"class_list":["post-2181","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-about-us","category-featured","category-podcast-interviews","tag-behind-the-screens","tag-contentful","tag-front-end-development","tag-interview","tag-podcast","tag-stefan-judis","tag-successful-web-dev","tag-web-dev","tag-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/2181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2181"}],"version-history":[{"count":23,"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/2181\/revisions"}],"predecessor-version":[{"id":6767,"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/2181\/revisions\/6767"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=\/wp\/v2\/media\/2183"}],"wp:attachment":[{"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-uk.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}