{"id":2120,"date":"2019-06-06T09:30:49","date_gmt":"2019-06-06T08:30:49","guid":{"rendered":"http:\/\/blogs.kent.ac.uk\/kentstudents\/?p=2120"},"modified":"2019-06-06T09:31:57","modified_gmt":"2019-06-06T08:31:57","slug":"tech-stack-tips","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/kentstudents\/2019\/06\/06\/tech-stack-tips\/","title":{"rendered":"Tech stack tips"},"content":{"rendered":"

\"AnTech Stack Tips<\/strong><\/p>\n

You\u2019ve just graduated and secured a place in that grad scheme or junior role that you wanted, that\u2019s great, most of them will enrol you onto numerous courses for you to quickly grasp the fundamentals of the business\u2019s chosen tech stack. I found that I was at an advantage during these courses due to my experience with web technologies during my prior year in industry and on my personal projects. Not only was it easier for me to understand the material taught, I had several approaches to a solution using ideas from different languages and situations when it came to coding real business solutions. Much of the web development exposure students get on computer science degrees tend to be on the basics and the usual suspects (HTML, Css, PHP & JavaScript\/JQuery). This means that much of the new upcoming web development technologies are not covered and so learnt outside of university, when on work placements, for example, as was the case for myself.<\/p>\n

Here\u2019s a short list of the technologies I found useful to know when beginning my grad scheme:<\/p>\n

    \n
  1. A component based framework\/library<\/strong><\/li>\n<\/ol>\n

    Be it React.js<\/a>, Angular<\/a> or Vue.js<\/a> – the concepts are similar. Functionality is broken down into reusable components, which can then be nested from any other component. Pages are rendered seamlessly and re-rendered without the need for refreshing when data is updated. They have been the craze in web development for a few years now and they don\u2019t seem to be going anywhere given the likes of Netflix and Outlook adopting React.js for their sites. It is more likely than not that your new employer will have taken them on too, meaning there\u2019s no harm in getting a head start and experimenting with one of them. Angular was the go-to framework when I began my grad scheme, and having had solid knowledge of React.js as well as JavaScript helped a significant amount. The syntax will change, but the logic will be similar. If you\u2019re familiar with the kind of logic used in these libraries\/frameworks, you\u2019re more likely to reach a solution quickly!<\/p>\n

      \n
    1. Web APIs<\/strong><\/li>\n<\/ol>\n

      An API (Application Programming Interface) will no doubt be something a developer uses too many times in their professional career. It essentially acts as the middle man between a source of data, e.g., a database, and the application\u2019s source code. Many are used to define endpoints that return some results from the database. An API is also how functionality can be shared with other developers i.e. the Twitter API which has some predefined routes that allow access to a user\u2019s username, tweets and even their feed. Having the relevant key in your source code makes these routes available to use. Many web frameworks today comprise of; a back-end with API capabilities, and a front-end framework such as Angular, all in one solution. One example of this is .NET Core\u2019s Angular template. This eliminates the need for having two separate solutions and is much cleaner than querying the database directly from your front-end view! Again, having already understood the routing conventions, I found it much simpler when having to set up and call CRUD methods at work.<\/p>\n

        \n
      1. A stylesheet framework<\/strong><\/li>\n<\/ol>\n

        Css is something hardly explored in some CS degrees, probably because there\u2019s a limit on what you can do with it. Nonetheless, if you\u2019re going to be doing some front-end work, you will need it. There are a range of frameworks nowadays providing predefined class names for columns and rows for responsive scaling. Some even include classes for styled forms, carousels and pop ups. Bootstrap<\/a> is undoubtedly the most popular one, with others such as Foundation trailing close behind. If you\u2019re already familiar with Css, you will love its preprocessor Sass. Most frameworks will support the use of Sass, which is just a notch up from Css, bringing much cooler features on board including the use of variables, nested styles and even for-loops for dynamic calculations of HTML element sizes.<\/p>\n

          \n
        1. A package manager<\/strong><\/li>\n<\/ol>\n

          Us developers benefit from a large open source community thanks to GitHub. Much of the code within this community can be cloned onto our laptops or better yet, installed via a package manager. With the use of Yarn<\/a> or npm<\/a>, to name a few, any package can be included in our source code by introducing a command into a command prompt window. Package managers often add their own configuration file to the source code listing all installed packages, making it easier to keep track of them. Using packages is extremely common as it gives quick and easy access to specific functionality ready to use out of the box. Thus, knowing at least one package manager will help you hit the ground running.<\/p>\n

          These are just a few of the things I found I was better off for knowing when I started work. You will have others on your list depending on the path you are wanting to take. Either way, a work placement or a personal project to help introduce some of these cutting edge technologies whilst you\u2019re still in learning mode will go a long way.<\/p>\n

          This post is by Natalie Mclaren<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

          Tech Stack Tips You\u2019ve just graduated and secured a place in that grad scheme or junior role that you wanted, that\u2019s great, most of them … Read more<\/a><\/p>\n","protected":false},"author":40718,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[143728,789,9871],"tags":[5349,39058,19153,8814,8834,135294,37,37045,183830,143768,74],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/posts\/2120"}],"collection":[{"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/users\/40718"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/comments?post=2120"}],"version-history":[{"count":3,"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/posts\/2120\/revisions"}],"predecessor-version":[{"id":2129,"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/posts\/2120\/revisions\/2129"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/media?parent=2120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/categories?post=2120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/kentstudents\/wp-json\/wp\/v2\/tags?post=2120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}