KarafiziArtur

Good courses

KarafiziArtur

Roadmap

• Матрица Frontend разработчика от CBS
• Frontendhandbook 2017 (ENG)
• Неплохое руководство от Mozilla

Thanks to Лена:

• "Все" веб-технологии в одной mindmap
• Матрица компетентности программиста ч.I
• Матрица компетентности программиста ч.II
• Почему научиться программировать так чертовски тяжело

KarafiziArtur

/* сброс стилей браузера */
* { box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;

KarafiziArtur

onChangeHandler = (event) => {
  this.setState({
    [event.target.name]: event.target.value
  });
};

KarafiziArtur

const arr = [
  [1,2,3,4],
  [4,5,6,5],
  [7,8,9,6],
  [1,4,6,2]
];

const sumUpDiagonals = arr => {
  
  let sumOfFirstDiagonal = 0;

KarafiziArtur

import React from "react";
import { render } from "react-dom";

const ParentComponent = React.createClass({
  getDefaultProps: function() {
    console.log("ParentComponent - getDefaultProps");
  },
  getInitialState: function() {
    console.log("ParentComponent - getInitialState");
    return { text: "" };

KarafiziArtur

<style>
/* ---------------------------------------------- /*
 * Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {
  border: 2px solid #000;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;

KarafiziArtur

<div ng-controller="MyCtrl">
    <p ng-repeat="i in list|orderBy:random">{{i}}</p>
</div>

function MyCtrl($scope) {
    $scope.list = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
    $scope.random = function() {
        return 0.5 - Math.random();
    }
}

KarafiziArtur

How to get a remote repository (from BitBucket, GitHub or anyone)

$ git clone https://github.com/<username>/<repository>.git

If you have added a SSH key, then you can also use this command:

$ git clone [email protected]:<username>/<repository>.git

How to create a new repository from the command line

KarafiziArtur

// Stylus styles
.c-hamburger
  display block
  position relative
  overflow hidden
  margin 0
  padding 0
  width 96px
  height 96px
  font-size 0