 What is going on everyone? Welcome back to my channel. My name is Jocelyn Jay And I know I haven't posted a video in a while and it's not just because you know It's the holidays and spending the end of the year to kind of self-reflect and unwind Those things are true, but to be honest with you. I had no idea what video to make and I think a lot of other Creators may find themselves in a similar situation. However, that's not gonna force shadow 2021 I got some exciting content and things in store for 2021 that I'm really excited about now. I'm filming this video before 2021. So forgive me if I'm talking like 2021 is in the future I would greatly appreciate it if you can give this video a thumbs up It helps out with the algorithm a lot and also if you haven't already I love for you to subscribe to the channel and become a part of this amazing community of creators Engineers software developers and of course the curious. I also want to thank web root for sponsoring this video So I got this new tripod that I am really excited about this thing is massive I might do like a quick b-roll segment of my new setup and I got like this video head to just have better quality Videos, especially I want to diversify the type of shots I shoot especially since I'm kind of pendant this corner for Shooting most of my content just because this space makes the most sense So I've been a front-end developer for a little bit over a year now I used to work as a full-stack developer and I thought I was more of a front-end dev Which I was to an extent but now that I've been a front-end developer full-time for over a year It's a lot more than I thought and of course there are still some similarities that I find between front-end and full-stack and that's thanks to the modernization and just Innovation that we've had within the JavaScript library and framework You know sector the past like five years in this video I'm going to discuss what it's actually like to be a front-end developer But I'm also going to talk about the technology that you use the programming languages that I code in the apps that I use to code and for design along with projects that I've worked on to give you a holistic picture of What front-end devs do and that also can help you work on those skill sets if you want to be a front-end dev with pretty much all of our Lives being digital especially those of you who are students using personal computers for homework research and Projects is of utmost importance to incorporate staying safe Physically and digitally while going back to college or university web root is a brand passionate about protecting businesses and Consumers like myself from cyber threats through their software. They combat some of the most difficult cybersecurity threats challenges and constantly anticipate New features to help protect their users from potential threats that emerge I know that sometimes it can feel overwhelming thinking about all the different cyber threats Especially since there's so many new ones emerging and it can feel difficult to combat them however investing in a Cyber security system and make a huge difference when it comes to protecting your information and having that piece of mind is worth it web roots internet security system that I've been using is very simple to use Probably one of the most simple security app that I've used because there's literally only one button to click to scan your computer You'll also notice in the internet security app window that it tells you the last time you scan the duration and when You should complete another scan Which is helpful because when you're busy it can be hard to keep up with those checks sometimes You'll also notice that there are three security settings that you can toggle on and off with web roots internet Security you can protect your online shopping information and online banking through their web browser Extension you can also protect, you know your passwords your user names and your credit card information Which is encrypted through one master password not to forget you can secure up to five PCs You know MacBooks tablets or smartphones be sure to click the link down in the description box That will also pop up right now for a discounted rate of web roots internet security system Once again, thank you to web root for sponsoring this video So the main tech that I use as a front-end developer is a 15-inch MacBook Pro I also have this 15-inch HP that I use on my program in Visual Studio for a much larger website I'll let you guess what site that is based on my LinkedIn profile I also use a 34 inch ultra wide monitor and a pair of surface headphones for noise canceling So I can get in the zone and because when I was in the office I could get pretty loud and distracting since it's such a collaborative environment Tech is really important as a front-end dev and I couldn't imagine not having you know an ultra wide or two Displays let alone not having a high resolution when I was in office I actually had two monitors one that was 4k because it's super important to get the best picture possible Because every pixel matters as a front-end dev if you're wondering why I use the MacBook It's honestly the best device as a front-end developer Especially when you consistently or with designers who primarily use MacBooks. We share assets all the time It's much easier using the server that I didn't even know existed in MacBooks until I started this job Also when it comes to collaboration MacBooks are far more reliable than PCs Especially when it comes to those Microsoft team meetings The reason why having an ultra wide or two monitors is so important is because when you're front-end dev You not only have all the apps open that full stack or mobile devs use But you also need screen real estate for design assets copyright and SEO the main programming languages that I code in our HTML of course CSS vanilla JavaScript depending on the project and Vue.js. I'm actually using a framework That's part of Vue.js called next.js. I'll talk about a little bit later Also, I don't want you all to grow me in a comment section talking about oh Vue.js isn't a programming language I know that it's actually a framework JavaScript framework. So you'll be coding with JavaScript HTML and CSS So I do most of my programming for really large projects using CSS HTML JavaScript slash jQuery and C sharp when it comes to progressive web applications We use Nux.js that I just mentioned is a framework. That's part of Vue.js for developers who want to build simple But yet powerful web applications static web applications. That's important So basically our lead dev and I decided to program in Nux.js specifically based on my experience with you know, Angular and AngularJS along with the business slash, I guess design requirements that we had and Figured that hey doing this with vanilla.js HTML and CSS. We just take forever It's better to use a JavaScript framework like Vue.js that simple lightweight But also we can leverage the component-based architecture SEO and static site generation as you can imagine as a front-end dev semantic HTML CSS and accessibility is very important and is a big part of my job especially since I build web pages and sites that external users have access to I also sometimes work in Squarespace if something custom needs to be built and WordPress as well So Lee got me this new coffee cup and coffee is important to me I'm not one of those people that needs coffee in order to function I just like the way it tastes and it kind of energizes me So I don't drink it first thing in a morning Like I just can't especially early in the morning. The only thing I can really Consume that early is like water, but anyways, I got this new coffee mug. Happy to serve you With like this Greek design. All right. So apps that I use as a front-end developer You'll probably be pretty familiar with these apps if you are a Developer or designer because front-end dev is really just a blend between the two So for software development, I use Visual Studio code, which is by far my favorite IDE Man, it's my go-to BS code is my favorite IDE because it's simple yet powerful I love the experience really you can do everything you need as a dev Especially when building front-end web apps, you can use NPM install the libraries and dependencies that you need along with Installing extensions to beautify and format your code now from a personal standpoint I do use a terminal a lot and visual studio code, but I use get bash more just cuz I Don't run into as many conflicts like with permissions and stuff But it works seamlessly on my MacBook no issues at all I also use visual studio for, you know, the larger projects that are, you know ASP net C sharp a base from a project management slash like deployment standpoint I use Azure boards or Azure dev ops to create our story so we can work in more of a Agile environment. That's something that I've helped bring to the digital marketing Department along with using kit, but all of that is really web base. There's no like app that we use It's just a web app that we use Azure some Azure website. I can't remember the name, but maybe Azure portal for design I use Adobe XD now. It's funny because as a full stack dev I did way more designing and I think that's just because there were way more devs and projects than Designers, so I kind of had to wear a design hat and I was a UX champion Whereas now I have designers that work with us for specific projects So there's always going to be a designer that you're working with Whether they're designing something new or there's something existing I also use XD as a reference point to, you know Know what the look and feel is for the website along with copying hex values and other CSS Styles that I need for specific UI elements and every once in a while I use it for exporting assets and using it for the specific copy by copy. I mean copy right I also sometimes use Photoshop to like resize and slice assets. I primarily do that for display ads and Yeah, I don't do it a ton just cuz that's more of a design thing. All right moving on to the last thing I don't want to keep you too long. I hope the chapters were helpful so you can skip around I've been utilizing that feature more because I just think it's a better experience Especially if the video is longer, you just want to see something specific But now we're gonna talk about the specific projects that I work on as a front-end dev And to be honest with you, some of them aren't that much different from full stack The only difference is I never like debug a server I don't do much API work either and if I do it's very minimal So it really depends since I work in digital marketing. Most projects are quick. There's quick turnaround Which is you know a lot different from my experience working as a full stack developer Where you're working on a specific project for you know a year or longer now There is a project or are projects that I've worked on for like a year now if not longer However, I also work on smaller projects as well So some of the projects I worked on this past year were display ads Which have a really small code base where I'm just using vanilla JS HTML and CSS to bring a display ad design to life with animations I've also worked on a redesign that I can't wait to roll out with the team using next JS This is by far the project I'm most proud of because of its Ambiguity in the beginning of the project scale and learning Vue.js, which has been a blast for real It's so easy to pick up working on very large websites that are external facing really stretch my front-end skill set sometimes Because of how responsive and accessible the UI elements need to be along with the browser testing and The occasional waking up at 6 a.m. To elevate all right, so that concludes this video. Give this video a thumbs up I hope you enjoyed it comment down below your goals for 2021. I believe, you know speaking something into existence Also, don't forget to subscribe if you haven't already and as always have a blessed rest of your week and have a wonderful 2021 I'm sure you're gonna crush it this year Peace