Generic placeholder image

About Me

I am a front end developer with a broad range of experience working on personal projects. I love the development process, bringing ideas to life and watching how they are recipricated.

About Me »

Generic placeholder image

Technology Stack

Using an array of technologies when completing front end develoer projects will help to build websites of the highest of quality. It is important to keep up with technology trends to keep up with market demands.

Tech Stack »

Generic placeholder image

Workflow

A workflow is important for maintaining a systematic approach when completing front end projects. A workflow can speed up the development process and provide consitancy throughout.

Workflow »


A little bit about me.. Front end developer.

My name is Mathew Docker and I live in Shellharbour, which is about 1.5 hours south of Sydney, Australia. I am married and have a 10 month old daughter. I am an app developer hobbyist turned front-end web developer.

I have been working on my front end web developer skills bringing myself up to date with the latest technologies. I am working on broadening my front end portfolio with aspirations of landing a front-end development job in the Wollongong or Sydney area. I learn quick, am very resourceful, and I would make a valuable member of any web development team.

Generic placeholder image

My Arsonal & Technology Stack.

The technologies I use when working on websites include; Visual Studio Code, ESLint (Code Linting-Air-BnB), HTML, CSS/SASS, JavaScript/jQuery/React-js, Webpack 4, Node-Js, Bootstrap 4 and Git/GitHub.

I recently introduced the automation tool Gulp.js into my tech stack.

I am currently refreshing my Javascript Es6 knowledge with Wes Bos.

Generic placeholder image

My Workflow

A workflow is important when conducting comercial work. It speeds up the development proccess as well as insuring consistant results.

My workflow includes; planning a webpage layout/wireframe, organising files and folders, adding dependencies, designing the webpage using technology stack then compressing images and files, minify .html, .css and .js files, reduce http requests where possible then upload website to server via the cpanel.

Generic placeholder image

Portfolio

My Portfolio includes front end, back end, mobile app and mobile game projects.Highlighting an aptitude for solving digital problems.

Download Resume GitHub

Card image cap

Kit Designer web app includes technologies such as, Visual Studio Code, ESLint (code linting), html, css/sass, javascript/React-js with babel-jsx-syntax, webpack 4, node-js, and git version control via gitbash.

Repo
Card image cap

WooCommerce website to sell sports clothing. Installed a template from themify, The website uses Paypal and Stripe payment methods for purchases as well as the Australia Post plugin to calculate shipping.

Card image cap

Oz Appeal website which contains 3 sub domains for 3 seperate departments which are Cricket Appeal, Rugby Appeal and 2Reds Apparel.

Repo
Card image cap

This is my portfolio webpage used to display my best projects, tell people a little about myself and a place for people to reach out and contact me.

Repo
Card image cap

This rgb colour guessing game show cases some JavaScript programming skills. It is a responsive webpage. Feel free to have a play, good luck.

Repo
Card image cap

Coin Pusher game of throwns is an android and ios game built using unity 3d from a basic coin dozer source code.

Card image cap

Scaffmate in a scaffolding reference app made with Android Studio. This is my first attempt at building an app from start to finish.

Card image cap

Looking forward to showcasing my next project here. please check back in the near futrue to see what I have produced.

Resources

Generic placeholder image

Mozilla Developer Network

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

MDN »

Generic placeholder image

Bootstrap

Bootstrap 4 is the newest version of Bootstrap, which is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

Bootstrap »

Generic placeholder image

jQuery

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

jQuery »

Generic placeholder image

Angular-js

AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs.

Angular-js »

Generic placeholder image

React-js

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

React-js »

Generic placeholder image

Font Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!

Font Awesome »

Generic placeholder image

Syntactically Awesome StyleSheets

Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax.

SASS »

Generic placeholder image

Gulp.js

gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

Gulp.js »

Generic placeholder image

Programmable Web

The leading source of news & information about APIs, chronicling the evolution of the global API economy & providing the web's most relied-on API Directory.

Programmable Web »

Contact

Please contact me here via email for any questions you may have.