There are two main target audiences. For web developers, a personal portfolio page is like a resume. And I forget exactly why I did this, but on Twitter, I decided to offer portfolio reviews.So I said like, "Hey, if you have a portfolio site drop the link, I'll take a look." You might want to test the webpage after you deploy new changes and compare the two versions. Alex (10:53):That is next week on the Scrimba Podcast. There's a design challenge there, which I know is tricky for a lot of developers. By reading this page, you can see that Josh has a lot of key insights into what is and isn't happening in the world of design. A job-seeker The colours, animations and sounds are all on point! I have no doubt you have seen it around on the internet. Adenekan is a Frontend developer and Javascript engineer, who loves Pop Music & Jazz. 20 years in tech. 11 . You also want to include some of your personality, like if you're a particularly colorful or serious person, it's fine to make tweaks to let it be a little bit more personal to you. Anurag Hazra is a passionate self-taught frontEnd web developer from India, currently working at timeless.co as a FrontEnd engineer. But mix two of them together and make it a little bit unique. He worked in some companies you might have heard of (including, but not limited to, DigitalOcean, Gatsby, and Khan Academy). There is a lot of competition for junior developer jobs. For the projects, don't just link to a live version of the project or a GitHub page. I'm a software developer. Example 01: The Website Of Josh Comeau. So you might say that you built a coffee roasting eCommerce platform and you really struggled with the best way to implement some quantity, like the cart system. I certainly get that a template is a double edged sword. And I started doing sales and working for money, chasing for money, but in the end money doesn't make me happy. It feels like everything is where it should be. So there's a lot of effort being put into making sure because bees are so important for the whole food chain process. If you are struggling with this, here are 30 web developer portfolios that will give you all the inspiration you need to create your own portfolio or improve your existing portfolio. Come up with a new cover letter. And so memorable is a really important thing. Do you have any advice on how to either improve your intuition, when you are designing? Your target audience 3. And that's fine, I can go back and change it. You know that he's a . Jan (09:44):But first, could you do us a favor. But I would say start looking really critically at the things that you use every day. I want to highlight something from the archive page. You still need to think a little bit critically in terms of trying to figure out if it looks good or not. Compared to another one that is choppy and looks as amateur as you would expect for someone that doesn't have design skills, designing a website.But in my experience, I think that it has worked the most. I think in any case, very few people are likely to dig that deep. Hopefully, they will answer your questions and inspire you to create your online portfolio. He also creates lots of CSS demo on this Codepen profile. Yeah. But I know from working with students and doing the career coaching that oftentimes they're not even applying to junior jobs because those don't exist. Feel free to reach out on twitter, or contact me by email. Be My Love. (04:40), Who should you cater your portfolio to, and how to do it? Gift is a front-end developer passionate about making the web accessible to everyone and advocating building open and inclusive developer communities. You should have a dedicated page on your portfolio site that walks readers through how and why you built the project. A portfolio site lets you guide prospective employers through your work, highlighting the parts that are most relevant. This book is designed to be most helpful for folks who are looking for their first or second job as a software developer. If you're enjoying this episode of the podcast and if you're finding it useful, could you share it with someone on socials, or in real life, word of mouth is the best way to support a podcast that you like. Find some way to stand out. This is a sweeping generalization and it's much more complicated and granular, but broadly speaking, the two types of people that look at your portfolio site are people that are in the hiring pipeline, so maybe they work in HR, maybe they're management.The idea is they're non-technical people who are involved in hiring technical people. I haven't seen the results of spending a lot of time to put a lot of work and making your GitHub profile README served the same function. Like how do I fit that into the design?" They all just took the same source, inspiration and copy pasted. Pay attention to spacing, pull up three or four different websites that are similar to yours and see how they spaced things and how it feels to you. He also wrote a book on how to build an effective web dev portfolio. You can guide anyone who visits your site to see exactly what you want. Which I think to you and I sounds intuitive at this point, because we write a lot of stuff and I'm doing a podcast, you're creating courses and things. 13 min read. Thus, online portfolios are a great way to showcase your work and skills. My hands go sweaty, my eyes widened.". Understanding our target audience: the two groups of people we should focus on. You can't then take that 72 pixels and slap that in padding or margin. I've noticed a lot of the time that font sizes and spaces are the things that are all over the place on developer portfolios.So if anything, you can just steal those elements. #22 Josh Comeau. I tried to make it as no fluff and condensed as possible, because I didn't have that much to say. Play around with Oluwader's portfolio to see how awesome it is! View Joshua Comeau's profile on LinkedIn, the world's largest professional community. I don't think you need to put your work experience there because you have your resume for that, you're LinkedIn for that. If you just fish all the fish and don't replenish the supply in any way, that's just selfish and is a bad thing overall. Because at the end of the day, every company is looking at you as a potential web developer. The whole point is that you're meant to iterate on it. What about this company has appealed me, has drew me in? And it's a totally fair point, especially not everyone speaks English as their first language. You can really make this custom to the person you are and the work you're looking to do.Below that I like to have projects. Olaolu's portfolio is excellent, and I recommend checking it out! "And there's just so many reasons that it's good for the team to have a balanced set of experience levels. That's not really the goal, because you're applying for developer roles. They come in different diameters and widths and weights. With that being said, see Lynn's portfolio page in action. A company might get dozens or even hundreds of applications for a single open role. An in-depth tutorial that teaches how to create one of the most adorable interactions I've ever created. Check Robb's portfolio and see how good it is! Josh (40:13):I think you can actually take a mixed approach. Josh Comeau, joshwcomeau.com. He has a significant amount of experience in software development, and that is shown on his portfolio page. Annie was previously a Designer, but she changed careers and became a Developer. And then you're blocked waiting on them to get back to you. Comeau was diagnosed with glioblastoma in June of 2014. I was like, "Okay, I need more money." Alex (29:49):I think again, it's so important to remember it is a project portfolio and the projects are probably the most important thing you need to give them emphasis with the amount of screen real estate you give to them, their presidents and the websites. Find three or four sources of inspiration, even actually what I encourage people to do, template builders like Wix or Squarespace, you could use them. It would've been better if you went with something in quite a minimal style. In this article, you can see my favourite web developer portfolios from the internet. There is no print format or audiobook format available at this time. About the episodeMeet Josh W. Comeau ! There are 3 main sections to have in your portfolio: About Me, Projects, and Contact. So at best, you'll seem overconfident. There's the resume, the cover letter and the portfolio site. A portfolio site isnt supposed to be an index of everything youve ever created, it should be a highlight reel. It's fine if there's often cover letters will have portions where you're talking about yourself and that part you can copy and paste.But you should have a novel cover letter for each company. As you mentioned them earlier as being really important, and also I think actually the cover letter ties in a lot of things we spoke about today. But that's just the impression I get when I see portfolio sites that just have the thumbnail and a couple sentences and the list of technologies and it's maybe a little bit unfair even that we expect passion. Another piece of advice I could share, I don't think ambitious developers want to hear it, but sometimes the right thing to do when you're not good at designer is to actually lower your ambition a little bit. Walter. One is that it's intended for people that are looking for their first or maybe second job. And actually sometimes even though you're taking well intentioned advice, arguably those practices, like skill bars in particular, can do more harm than good. My own blog is maybe a decent example of this. Jason's portfolio is one of the most creative online portfolios. Josh (42:40):It's impossible to know how the person on the other end is going to receive whatever you produce to a certain extent. But the more, sinister is too strong of a word, because I do think it's not sinister at all. Thanks for having me. "I don't know if you know about honey bees, this interesting thing happening with bees where there's not enough of them, the hives are collapsing for unknown reasons. For example, some companies it's impossible to do this with. Thank you for listening and make sure to check out the show notes for all the resources mentioned in this interview, including Josh's book. And maybe they're not there right now, especially with everyone we're working remotely, they might be in a different time zone and they might not see your message until tomorrow.It's to the point now in my own career where I've never done any professional design work and I've never trained as a designer, but I've built enough of an intuition just from working in development and context. But probably you're looking at the portfolio of somebody with far more experience.And what often happens, in my experience helping new developers is that they underestimate what they can do in a couple of weeks. I certainly wouldn't just have a video, if you want have a video that goes through the same stuff, but in video format, that's fine. Josh Comeau walks us through how he built the platform for his new course, CSS for JavaScript Developers. They're not part of my regular newsletter group.So it's like I pop out every six months. Now, he works as a creative developer and freelancer. Jason Lengstorf works at Netlify and hosts Learn With Jason. Alex (13:46):I have come across that a few times and it's certainly worth giving it a go. On Lynn's page, you can read more about her and the work she's doing. Your portfolio will bring together all the elements that encompass your expertise as an attractive candidate: technical skills, creativity, efficiency and professionalism. Josh (01:09):I am a front end/full stack software developer from Montreal up in Canada. I've interviewed probably 50 people who've found success and it's a pretty fair mix.Some people still find success using the shotgun approach. Adham is a UI/UX product designer & part-time frontend developer based in sunny Sydney, Australia. It's very nice and exciting to look at an awesome portfolio and think, "Oh, mine needs to look like this to be competitive." It never really gets done or you have to cut so many corners. Plus you're building something custom, you want it to look a little bit custom.But I think the quickest solution to building something that looks pretty good is to find three or four different sources of inspiration and take the layout from this one, the colors from this one, the typography styles from this other one. And what I mean by that is if you're lucky, you'll get mobile tablet and desktop and you'll be given loading states maybe, but it's up to you to figure out how things should flex and grow and scale between those three fixed sizes.It's super common that designers will omit or forget to include loading states and error states. And it worked out perfectly because I think the book is 70 or 80 pages, so it's not huge. Josh Comeau uses the word 'Tour Guide' and I think this is a great way to approach what you should be putting on your portfolio. Alex (43:46):If you've made it this far, you might want to subscribe for more helpful and uplifting episodes with recently hired juniors and industry experts like Josh. I'm a pixel pusher, and I like writing good code. View the profiles of professionals named "Josh Comeau" on LinkedIn. It is known for its high performance, flexibility, ease of use, security, and speed. In addition, you can also see the projects she works on. If you found this article useful, I'd really appreciate it if you share this article with your network too. It took me about a day to get through and I think it's totally worth it. You don't want it to be more than a page. He is an Indie hacker and instructor at Concordia Bootcamps. View all Josh W Comeau landing pages design. I don't want that information to go exclusively to people who can afford to pay me for it! The ultimate goal of a developer portfolio should be to show employers we're competent at building stuff. How do you manage, when you tick the thing, how does it get updated? You talk a little bit, and I do too, by the way, about telling a story. And then I said, "Look, I definitely need to eat my humble pie and get back to be a techy side.". Her portfolio highlights who Brittany is and her work experience. You can see all the previous iterations if you go to the archive page. I believe that the information in this book can help folks find their first job. Often the portfolio site itself is linked to from a resume, or a LinkedIn, or a cover letter, or something so that the portfolio site often doesn't have to be comprehensive in that regard. In this episode, we're answering that and many other questions! Ultimately, the silver lining to this is that it will automatically tune out people. You're looking to appeal to developers and to HR folks. And you could arguably, if it's freelance work, put that under work experience or volunteer experience, there's a section for that. My projects section had some thumbnails, a small section about the app, and links to the live site and Github. On his portfolio page, you can read about who Max is, and you can stay up-to-date with his articles. As I mentioned above, don't worry too much about time, especially in the beginning. When you have the typical thing where it's eCommerce platform, built in React Redox, a single screenshot. Your portfolio is your space and you should use it to your benefit to show off your personality and give employers a sneak peek into what it would be like working with you. The projects section is by far the most important part of your portfolio. Find 1 person named Josh Comeau along with free Facebook, Instagram, Twitter, and TikTok search on PeekYou - true people search. I don't think that type of thing matters. We have to follow certain guidelines. My contributions include full deletion flow, various Node-related additions, . She helps developers get the hang of accessibility, write better code, and empower them to build an exclusive internet through her blog. On his portfolio page, you can find the following information: who Jack is his work experience As you cannot comprehend everything in one screenshot, I recommend checking Jack's portfolio. You can showcase your work in the best possible light. If you have images, maybe put them all in rectangles, all in ovals, try and use a consistent of color palettes. Adaora Nwodo is a Software Engineer passionate about education, technology & music. We should take advantage of the opportunities that allow us to learn something and never stop learning. Now, he works as a creative developer and freelancer. But no, certainly that's not the expectation. The colour combination also looks good both in dark and white mode. How do I tell this in a way that is coherent?And I don't want to minimize that challenge because it's a real thing. Alex (00:34):He's previously worked with some companies you might have heard of like Unsplash, Khan Academy, Digital Ocean, and Gatsby. I've seen this layout a lot and it seems to be a common mistake. So in my experience, from what I've seen working with students and hearing from other developers, it's not many people that look at them, but the people that do, you can really have a pretty good impact.There's three pieces, right? What are some of my favorite developers like on JavaScript?" But if you see an opportunity where you're like, "Ah, I see the ways in which I could be a good fit here." Jan (00:40):Josh wrote a book about building an effective developer portfolio. So I always tried to learn about how things worked. If you visit that page, you should see the following: I call it my "annual portfolio refresh" and use it as an opportunity to try new things and continue learning. Josh is a developer, indie hacker, educator, and author. And even if you're of the attitude that, "I'm a developer, I'm not a designer. My notes on Josh Comeau's book Building an Effective Dev Portfolio. Inspired Tweets. Oluwakemi's portfolio page contains a handful of information such as: Max is a Front-End Developer and Designer with an experience of 15 years in the industry. Josh (11:11):I wish I had proper data for this. Which as I mentioned that you could put your face on your portfolio site and that's questionable advice. Jemima is a self-taught Front End Developer that builds websites with a focus on responsive design and accessibility. On one hand, you're trying to stand out and if you are using a generic template, there's a chance you may be in the same cohort of applicants, easy enough to mistake. A portfolio can serve as a modern-day CV. How I built the portfolio that helped me land my first developer role at one of my dream companies. How long does a cover letter need to be, and what are the key points you need to hit? Brittany is a Boston-based software engineer who specializes in building (and occasionally designing) exceptional digital experiences. Building a personal brand for yourself is a very useful tool for cultivating a community of like-minded people. Alex (21:52):Yeah. Brittany is a Software Engineer, and her portfolio is a classic already! Maybe you can't afford, time wise, to do it for everything. I like the way Josh Comeau describes portfolio sites as secret weapons. You're never going to win everybody over. It just has to be a few paragraphs that talk about what is this thing? On the other end someone's receiving this and it is immediately obvious. How to come up with a professional design, without hiring a designer. My name is Alex. That could happen via h1, h2, h3 kinda selectors (maybe h4 - h6 don't need it), but Josh has some CSS trickery at work with this snippet that didn't make it into the final reset: * { line-height: calc (1em + 0.5rem); } That's clever in how the 0.5rem goes a long way for small type, but isn't as big of an influence for large type. The logos is interesting because I totally agree. Not least of which the point of the cover letter and the resume and your portfolio is to get your foot in the door and do an interview. In this episode, we're Especially if you're not a white man, which I hate saying. So they're looking for React or Readex because they know that's what they use at their company. Honestly, I don't think that really delivers a ton of value unless there are really interesting things in your project that really only make sense to be displayed in that way. All it really does is stands to waste valuable real estate and potentially cause someone to be biased against you on your portfolio, you certainly don't have to include one either. That's something we all should note down! But I wasn't utilizing this section to its fullest effect. One thing I like and do not see in other portfolios are the testimonials. What about just proving your skills? And so you talk about the challenge with that. A few months ago, I offered to review developer portfolios on Twitter: I got so many replies! Because I think every project should have its own page and that page should go into deeper detail about how the project works. The development portfolio of Melanie Seltzer, showcasing projects and overall experience. I'll give it a quick read and provide honest feedback / highlight the stuff I'd take into consideration as someone involved in hiring. You can unsubscribe whenever you'd like. Part of that was working on their portfolio and their portfolio site.And I noticed that even in the relatively small number of students I've been working with, the standard template that people use for their portfolio sites, it doesn't do the job that it's intended to do. How to choose your projects 7. Maybe there's three reasons.The first is its more effort to build that page, but I would argue you could make it a blog post and link to it as a stop gap. And let me very quickly caveat that, steal it ethically. Alex (00:00): and then I realized I needed to refactor the function, my hands got sweaty, my eyes widened. For me, it was the chance to show off to employers that I can do the work even though I don't have work experience. Those are the things that can be really interesting. Tell me about the hurdles that you ran into, the problems that you had to solve? And so they talked about that in their cover letter, "Hey. Hopefully, they will answer your questions and inspire you to create your online portfolio. Josh (43:32):The pleasure's all on this side of the table. If CSS had a real lighting system, we would specify a position for one or more lights. Josh (35:20):In general, I advocate for less than a page, like half a page, three quarters of a page. I don't want to say the term easier, because it's still not easy, but it is less daunting than starting from a blank HTML file and trying to come up with something that looks professional.That at least gets you 75% of the way there. Also, you can use these resources to learn JavaScript. It's not always so easy to convince yourself when you're a new developer on the back foot, but it's great when senior developers are put in positions to mentor others, because that will challenge their understanding and help them then teach it.And from an industry perspective as well, there's only a finite number of developers in the ocean, say. Josh Comeau. I don't know that people actually watch the videos, people breeze through these things because they have a stack of them to get through. This 70-page e-book shows you how to showcase them for maximum impact. A better area to focus on is the quality of your solution. So even if you don't have these like specialized interests, there're ways to find projects that are a little bit more personal to you. Josh Constine is a Principal investor and Head Of Content at venture capital fund SignalFire. And so it just becomes about find a way to make your portfolio representative of who you are and what you're comfortable sharing. Contact forms are nice where people like doing that rather than having to right click and copy email, because no one clicks on mail to links anymore. And I think the best way to fight those biases is to push through the system as it is now, and then work to change the system. I've always done the laser approach. Robb is a Developer, Designer and he has experience of approximately A details page allows you to talk about your project in detail, which can help you in interviews, but it also gives you a place to really accentuate the strengths of the project. The blog has many subtle but amazing animations that makes navigating the website a joy. She has vast experience in tech, where she has worked as a developer for several years. I put lots of little details in, but this is the third or fourth version of my blog and my first iteration did not look anywhere near as good as the one now. I actually built that exact tool a while ago.I built a tool that would help me remember and track TV shows I wanted to watch. So my name is Josh. And in 2020, I left that type of work to focus on education. But it was too much for a tweet or a blog post. looking for feedback And that's exactly what he's going to teach us today. And most projects are more nuanced than that. Alex (17:37):I'm not a designer, I'm a developer and I've relied on that strategy for a long time. Structure Enjoy our full podcast with Joshua Comeau linked in the comments below! One thing I see quite a bit on portfolios is people do list their skills. Josh Comeau. And I made it free because Well, there's two parts of it. Share on Twitter , LinkedIn. git push origin main. Jason is an experienced Software Developer, Software Architect and content creator. Join Facebook to connect with Josh Comeau and others you may know. Unfortunately, things rarely work out this way. It's a great way for you to feel inspired and get started. How important do you view it towards the success of a new developer trying to break into the industry? Skilled in Construction, Building Inspections, Highways, Concrete, and Materials. Reply with a link to it! I always look for that when I review portfolios, is there a slash project, slash project name, URL where you can like read more about it? Annie is passionate about bringing both the technical and visual aspects of digital products to life. Alex (08:14):What you're describing is putting yourself in the shoes of the user. But it takes every single box when it comes to clarity, and so maybe think of your website and your portfolio a bit like a personal Wikipedia. Even if you're not into animations, I think you'll find it interesting! Do you want to know the ins and outs of running a successful freelance business as a developer? Originally created by Josh Comeau, I have been actively contributing since July 2018. The colour combinations work really well, and the animations work seamlessly. But because I have pretty good confidence in what I'm doing, I can just keep rolling with it.Now in terms of how to develop that intuition, the honest answer is it just takes some time. It hurts in the long run.But do you need a portfolio or could you get away with because LinkedIn has a projects section. Josh (20:56):Yeah. . The biggest upside about creating a portfolio is you get to be the one in charge. They're an agency. I wish it wasn't that way, but you read these studies about how, if you have a name that isn't a generic white person name, it's going to be harder for you to find a job which sucks. Do you think that if your portfolio doesn't look very good, I sometimes wonder if it hurts you more than it helps you? We walk through a simplified version, where sph. Some people have a name that's 125 characters. But even just picking a random part of the thing, if we were building a to do this list application then there are parts of that are difficult.How do you track this date across this application? Even for those that are not wildly popular. Alex (34:34):You're not trying to write the next Lord of the rings, Star Wars, song of Ice and Fire or something. Jan (43:36):That was Josh W. Comeau. A lot of companies either don't specify the seniority or they're just not sure yet. Even though it uses a multitude of colours, they work well together. And if you answer that question correctly, then you solve this other part of it.I'm a big advocate of building things that appeal to your non-programming interests. And I imagine it could, it makes sense to me. Alex (16:00):What do you do if you're a developer, but you're not good at design? And I've heard this from so many people now that they like TV shows, they like hanging out with their friends. Right away, you can tell that its owner knows what they're doing well. You built it because you thought you were meant to. And really, I think the ideal strategy includes cover letters, which we should also talk about at some point, because I think are super important. Market-leading rankings and editorial commentary - see the top law firms & lawyers for M&A: large deals ($1bn+) in United States But I do think when you're talking about LinkedIn, you are beholden to the way LinkedIn structures things. Lynn Fisher is a Busan-born, American artist known for her work on the web. "@bookercodes @scrimba Thanks for the invitation, Alex! View the profiles of people named Josh Comeau. Yeah. So make sure to subscribe if you want to hear it.Back to the interview with Josh. That design is never going to be At best, it's a 75% of the way. Enter your email and I'll send you a free copy: You'll also be subscribed to my personal newsletter, sent roughly every couple of weeks. And one of the first things that I built was, I use a radar graph, which is those circular things where you have the polygons inside.So one of your axes is weight, one of them is width and I overlaid And you could mouse over different yo-yos to see how they compare just as a data visualization for different yo-yos as a way to understand intuitively what the difference is between these 12 different yo-yos.And it's exactly the sort of project that nobody else would build.
Casement Park Capacity, Wireless Cctv System For Home, Nuclear Sensors & Process Instrumentation, Name Two Items Covered In A Risk Management Statement, Ainsel River Elden Ring,