{"id":127,"date":"2024-03-17T22:09:47","date_gmt":"2024-03-17T22:09:47","guid":{"rendered":"http:\/\/www.fifthmorrison.com\/?page_id=127"},"modified":"2024-03-22T11:01:44","modified_gmt":"2024-03-22T11:01:44","slug":"experience","status":"publish","type":"page","link":"https:\/\/www.fifthmorrison.com\/?page_id=127","title":{"rendered":"Experience"},"content":{"rendered":"

February\u20192020 \u2013 current \u2013 Sabrefish Insurance (Front End Technical Lead)<\/h3>\n
\n
In February 2020, I began a second stint at Sabrefish with a remit to evolve the front-ends further as well as integrate new functionality. This initially involved the migration of AngularJS 1.5 to Angular 17+<\/strong> via Typescript<\/strong>, managing state of vast dynamic layouts using RxJS<\/strong> and other tools for complex Java Underwriter and Broker Portal applications. In addition, I have been leading<\/strong> junior frontend developers; building proof-of-concept tools; migrating the Protractor<\/strong> end-to-end tests to a new WebdriverIO<\/strong> infrastructure and building a live React<\/strong> based Style Guide that also provides internal and external developers with information regarding component implementation (JSON model examples, documentation, etc), visual styling for tester reference plus standalone capability for demos and product management usage.<\/div>\n<\/div>\n

June\u201915 \u2013 January 2020 \u2013 Sabrefish Insurance (Front End Technical Lead)<\/h3>\n

My initial role at Sabrefish was to take 2 large complex Java web-applications with legacy HTML from 2003 and give them a contemporary front-end design and infrastructure<\/strong> overhaul. This included a full new FE stack of AngularJS<\/strong>, Bootstrap<\/strong>, end-to-end tests using Protractor<\/strong>, Unit Tests<\/strong> within a Karma\/Jasmine<\/strong> suite and processes managed by Grunt<\/strong> and NPM<\/strong> at their core. I developed a core render engine to control the MPA<\/strong> flow with a ‘shadow DOM’ based model, with many components<\/strong> designed for maximum reusability. Consequently, hundreds of pages were converted overtime across the two apps, with additional functionality added where required by clients.<\/p>\n

Sept\u201914 \u2013 May\u201915 \u2013 Qmetric Insurance \u2013 Policy Expert.com (Front End Engineer)<\/h3>\n

In this role I was helping to deliver 4 new apps whilst maintaining one current live site within an Agile<\/strong> SCRUM<\/strong> environment. Typically, in teams of 6 at a time and rotating depending on overall project milestones, stories were managed using Pivotal Tracker alongside a traditional card based wall. Sprints<\/strong> were two weekly, rolling through familiar stages, e.g, planning, developing, Q.A, UAT (CI\/CD<\/strong> via Team City<\/strong>) before production deployment. Predominantly the role focused on front-end work within the apps including 1 AngularJS<\/strong> and 3 Backbone<\/strong> based projects. The Back end stacks were mostly Java<\/strong>\/MySQL<\/strong>\/MongoDB<\/strong>\/ElasticSearch<\/strong>. The front end processes were managed using Grunt<\/strong>. CSS<\/strong> pre-processing used SASS<\/strong> & LESS<\/strong> with lodash<\/strong> templates. The first part of my time there was centered around building new components for Home and Car Insurance, quoting, purchase and management. The second was very much focused on performance within these apps involving a lot of refactoring of the early development work undertaken by my predecessors in anticipation of new features coming up. Testing<\/strong> technologies included end to end tests using Protractor<\/strong> (Selenium Web Driver<\/strong>) and unit tests via Karma<\/strong>, Mocha<\/strong>, Chai<\/strong> and Sinon<\/strong>.<\/p>\n

Feb\u201913 \u2013 August\u201914 – CNN\/Turner Broadcasting (Full-Stack Engineer – International Lead)<\/h3>\n

This role required me to lead code within an International SCRUM<\/strong> setup including 80+ developers spread across the globe and many timezones. I lead the hands-on international development alongside 8 U.S based devs. Once we had developed the core codebase beyond the U.S centric model, I then also evolved the code further for full international roll-out. Subsequent to that, all the other developers would roll out features based upon the guidelines put in place.<\/p>\n

The GIT Flow<\/strong> branching model was used via BitBucket<\/strong> and JIRA<\/strong>\u00a0to cover the typical stages of a \u2018story\u2019. Individuals took full-stack<\/strong> responsibility. After tickets were assigned to our queue via the SCRUM Masters, our hands-off Technical Lead would designate the work. Responsibilities included pull requests for code reviews from peers, typically one from my immediate London based team and then one from a architect based in Atlanta. Here improvements and issues could be ironed out before work would be merged into our \u2018dev\u2019 environment via Bamboo<\/strong>. Through Q.A team co-ordination we would then promote the code to a Ref environment for further testing using the acceptance criteria created via myself and the person who created the ticket, typically the Product Manager. U.A.T was covered at this stage and if accepted then the code would be promoted to the remaining environments, prod, training etc.<\/p>\n

The bigger projects covered in my time at CNN have included:<\/p>\n

CNN Expansion<\/strong> (www.cnn.com)
\nThis was the primary reason for me joining CNN. This was a full-stack role. The \u2018top line\u2019 technologies used were:<\/p>\n

Node<\/strong>
\nExpress<\/strong>
\nRestify<\/strong>
\nCouchDB<\/strong>
\nHTML5<\/strong>
\nJS<\/strong>
\nMocha\/Chai<\/strong>
\nCSS3 via SASS<\/strong>
\nDUST Templates<\/strong>
\nGrunt<\/strong>
\nBamboo<\/strong>
\nGIT (BitBucket)<\/strong> mono-repo<\/p>\n

CNN Formula One<\/strong> (Data tool and responsive website for 2013 and 2014 seasons)<\/p>\n

CNN\u2019s coverage of Formula One Racing. I built the back-end and responsive front-end website; Technologies used were:<\/p>\n

Node<\/strong>
\nBackbone<\/strong>
\nMongoDB<\/strong>
\nPHP<\/strong>
\nHTML<\/strong>
\nJS<\/strong>
\nCSS3 via SASS<\/strong>
\nGrunt<\/strong>
\nGIT (BitBucket) repository<\/strong><\/p>\n

Other projects included work on the CNN Breaking News Python<\/strong> tool, Brazil World Cup coverage, the Oscar Pistorius trial special, re-skinning of the 2013 website, a reusable twitter module for the CNN CMS, an automated magazine templating tool and many more.<\/p>\n

Nov\u201910 – Feb\u201913 Plus Two Digital Agency (Head of Development)<\/h3>\n

As an active coding Head of Development at Plus Two my time was split between leading two teams of developers, liaising with current and prospective business clients and coding on a variety of projects. Projects varied from prototyping to multi-sprint 18 month agile projects. The multi-platform PresentiaFx app was the main focus of my coding time, which was Flex and later iOS native codebases. Clients included Virgin, RBS, BP, ITV, TNT, Blackberry, Del Monte, Radisson Hotels and many more.<\/p>\n

Mar\u201908 – Nov\u201910 Informa Telecoms & Media (Senior Web Developer for Rich Media)<\/h3>\n

During my time working for this FTSE250 Publishing Company I worked across two teams; One that dealt predominantly with 50+ Websites for events of various sizes and the other which dealt with their 2 subscription based B.I Research products<\/strong> (both Java<\/strong> based). The majority of my work saw me building and maintaining interactive site elements and company tools built with Flex\/AS3, using PHP & XML for server-side services as well as HTML\/JavaScript based products where applicable.<\/p>\n

The Research products required me to maintain the front-end of the Java projects ,working within a team of 6 within a classic Agile<\/strong> SCRUM<\/strong> environment. Two of the projects were based on the popular ‘Spring<\/strong>‘ framework with the other using ‘Tapestry<\/strong>‘ and version control was SVN and GIT<\/strong> based respectively.<\/p>\n

Dec\u201907 – Mar\u201908 Freelance Contract Web Developer<\/h3>\n

(Various appointments via agencies and private work).<\/p>\n

Sept\u201900 – Dec\u201907 E-Learning Developer – College of North-East London<\/h3>\n

Developed e-learning tools mostly in Flash<\/strong> and designed, built and maintained the Music Technology Website. Also Lectured<\/strong> Web Multimedia and Music Technology up to degree level.<\/p>\n","protected":false},"excerpt":{"rendered":"

February\u20192020 \u2013 current \u2013 Sabrefish Insurance (Front End Technical Lead) In February 2020, I began a second stint at Sabrefish with a remit to evolve the front-ends further as well as integrate new functionality. This initially involved the migration of AngularJS 1.5 to Angular 17+ via Typescript, managing state of vast dynamic layouts using RxJS … Continue reading Experience<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"static-template-page.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=\/wp\/v2\/pages\/127"}],"collection":[{"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=127"}],"version-history":[{"count":3,"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=\/wp\/v2\/pages\/127\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/www.fifthmorrison.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}