fnnzzz

1 - install vagrant
2 - install vmBox
3 - install php from http://php-osx.liip.ch
4 - generate SSH-key
5 - download and install composer
6 - set PATH to composer (rename composer.phar -> composer)

fnnzzz

WITH SOURCE-MAPS AND no Uglified JS

      favicon.ico    1.21 kB          [emitted]
       index.html  557 bytes          [emitted]
vendors.bundle.js    2.52 MB       0  [emitted]  vendors
 1.init.bundle.js      13 kB       1  [emitted]
 2.init.bundle.js    11.5 kB       2  [emitted]
 3.init.bundle.js    1.62 kB       3  [emitted]
 4.init.bundle.js    5.19 kB       4  [emitted]
   init.bundle.js     683 kB       5  [emitted]  app

fnnzzz

React (v15.0.1):
  Используется для отображения интерфейса нашего приложения, обработки различных событий на странице, 
  деления нашего приложения на независимые модули (компоненты), хранения актуальных состояний различных компонентов на странице,
  асинхронное взаимодействие с сервер-сайд.
  
  
Babel (v6.5.2): 
  С его помощью мы можем писать на последних спецификациях языка не беспокоясь о поддержке устаревших браузеров, 
  за нас это делает Babel. Плюс благодаря его расширяемости можно использовать различные плагины, 
  ускоряющие процесс разработки (т.н. синтаксический сахар)

fnnzzz

fnnzzz

@mixin ie6 { * html & { @content } }

#logo {
  background-image: url("/images/logo.png");
  @include ie6 { background-image: url("/images/logo.gif"); }
}

fnnzzz

#video_container {
  position: relative;
}

#video {
    position: absolute;
    left: 0;
    
    @include center(y);

fnnzzz

var forms = document.getElementsByTagName('form');
for (var i = 0; i < forms.length; i++) {
    forms[i].noValidate = true;

    forms[i].addEventListener('submit', function(event) {
        //Prevent submission if checkValidity on the form returns false.
        if (!event.target.checkValidity()) {
            event.preventDefault();
            //Implement you own means of displaying error messages to the user here.
        }

fnnzzz

$.getScript('http://www.youtube.com/iframe_api');
	
	function onYouTubeIframeAPIReady() {

		players_id = {}
		
			 
				players_id["a45o0Zt5T0k_15"] = new YT.Player('yt_player_a45o0Zt5T0k_15', {
				  height: '100%',
				  width: '100%',

fnnzzz

    // lazy-load video
    $(function() {
      $(".not-logged__jumbotron-video source").each(function() {
        // var sourceFile = $(this).attr("data-src");
        // $(this).attr("src", sourceFile)
        var video = this.parentElement;
        video.load();

        setTimeout(function(){
            video.play();

fnnzzz

{% for x in ""|ljust:"100" %}
    Hello World!
{% endfor %}