MobliMic

Resources getting started with learning to code and becoming a Front End Developer

Step 0

Go through the following courses in order to get a good grounding. These course will go over the foundations of the web development and start you out learning React one of the most popular libraries for building web applications.

1. https://www.codecademy.com/learn/learn-html
2. https://www.codecademy.com/learn/learn-css
3. https://www.codecademy.com/learn/introduction-to-javascript
4. https://www.codecademy.com/learn/learn-sass

MobliMic

general links

• https://www.effectiveengineer.com/book
• https://github.com/dwmkerr/hacker-laws
• https://github.com/Kristories/awesome-guidelines
• https://github.com/UKHomeOffice/posters
• https://github.com/minimaxir/big-list-of-naughty-strings
• https://github.com/sindresorhus/awesome

a11y links

• http://www.slideshare.net/gerardkcohen/accessibility-testing-tools-for-developers-gerard-k-cohen-csun-2016

MobliMic

import NextApp from 'next/app';
import React from 'react';
import { ThemeProvider } from 'styled-components';

const theme = {
  primary: 'green'
};

export default class App extends NextApp {
  // remove it here

MobliMic

/* eslint react/no-danger: 0 */
import React from "react";
import Document, { Html, Head, Main, NextScript } from "next/document";
import { ServerStyleSheet as StyledComponentSheets } from "styled-components";

class CustomDocument extends Document {
  render() {
    // Store initial props from request data that we need to use again on
    // the client. See:
    // https://github.com/zeit/next.js/issues/3043#issuecomment-334521241

MobliMic

(()=>{
    var CHARACTER_WEIGHT = 4.71;
    var SENTENCE_WEIGHT = 0.5;
    var BASE = 21.43;

    function automatedReadability(counts) {
        if (!counts || !counts.sentence || !counts.word || !counts.character) {
            return NaN;
        }

MobliMic

// Importing packages
var fs      = require('fs');
var util    = require('util');
    exec    = require('child_process').exec;

// Set the Omega LED trigger to the specified mode
function setLed (triggerPath, triggerMode) {
    fs.open(triggerPath, 'w', (err, fd) => {
        fs.write(fd, triggerMode, () =>{
            fs.close(fd);

MobliMic

moved to Resources gist

---

• http://www.slideshare.net/gerardkcohen/accessibility-testing-tools-for-developers-gerard-k-cohen-csun-2016
  • https://github.com/gerardkcohen/nightwatch-a11y-testing
  • https://github.com/gerardkcohen/nightwatch-a11y-testing/blob/master/RESOURCES.MD
• https://github.com/paypal/AATT
• https://github.com/paypal/nemo-accessibility
• http://www.deque.com/products/axe-core/
• https://github.com/dequelabs/axe-core

MobliMic

Performance check for undefined js variables

MobliMic

function deg2rad(deg) {
  return deg * (Math.PI/180)
}

function getDistanceFromLatLonInKm(lat1,lon1,lat2,lon2) {
  var R = 6371; // Radius of the earth in km
  var dLat = deg2rad(lat2-lat1);  // deg2rad below
  var dLon = deg2rad(lon2-lon1); 
  var a = 
    Math.sin(dLat/2) * Math.sin(dLat/2) +

MobliMic

Keybase proof

I hereby claim:

• I am moblimic on github.
• I am moblimic (https://keybase.io/moblimic) on keybase.
• I have a public key whose fingerprint is C8BD E7D9 57CF E0DF AD39 1CB4 1235 23BA 4BBA 9121

To claim this, I am signing this object: