anestan

/* MIXINs */
@mixin transition( $val : ease 0.5s ) {
  -webkit-transition: $val;
  -moz-transition:$val;
  -o-transition:$val;
  -ms-transition:$val;
  transition:$val;
}

@mixin text-shadow( $top: 3px, $left: 3px, $blur: 3px , $colour: #333 ) {

anestan

#Install PHP CodeSniffer
brew install homebrew/php/php-code-sniffer #if using Homebrew
git clone https://github.com/squizlabs/PHP_CodeSniffer.git phpcs #if you want to do it directly

#Install WordPress Coding Standards
git clone -b master https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards.git wpcs

#Add WordPress standards to PHPCS config
phpcs -i #shows the libraries installed
phpcs --config-set installed_paths <path to dir that you cloned>/wpcs

anestan

var myWidgets = myWidgets || {};

// Model for a single testimonial
myWidgets.Testimonial = Backbone.Model.extend({
  defaults: { 'quote':  '', 'author': '' }
});

// Single view, responsible for rendering and manipulation of each single testimonial
myWidgets.TestimonialView = Backbone.View.extend( {

anestan

</div>
<script src="{{ URL::asset('all.min.js') }}"></script>
</body>
</html>

anestan

/**
 * Laravel / jQuery AJAX code example
 * See conversation here: http://laravel.io/forum/04-29-2015-people-asking-about-jquery-ajax
 *
 * Drop this code into your App/Http/routes.php file, and go to /ajax/view in your browser
 * Be sure to bring up the JavaScript console by pressing F12.
 */

// This is your View AJAX route - load this in your browser
Route::get('/ajax/view', function () {

anestan

Install PHP_CodeSniffer (PHPCS) via git

You can use the .phar for PHPCS, but it's easier to pull the repo down from git to then choose what version to use.

cd ~
mkdir -p code
cd code
git clone https://github.com/squizlabs/PHP_CodeSniffer.git phpcs

anestan

1. cmd+shift+p
2. Type phpcs and install it
3. Preferences > Package Settings > Php Code Sniffer > User settings

anestan

https://insights.stackoverflow.com/survey/2017

https://coggle.it/diagram/Vz9LvW8byvN0I38x

https://github.com/kamranahmedse/developer-roadmap

Уроки/Курсы:

• https://coursehunters.net/ - платные(бесплатные) видео курсы
• https://www.freecodecamp.com/ - после codecademy берись за этот ресурс
• http://watchandcode.com/ - можешь взяться за это до freecodecamp

anestan

• https://github.com/goq/telegram-list - telegram list
• https://gist.github.com/dmnsgn/76878ba6903cf15789b712464875cfdc
• https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Question

React

• https://react.rocks
• https://reactjs.org
• https://github.com/facebook/create-react-app - start template react
• http://jestjs.io
• https://github.com/facebook/prop-types - prop-types

anestan

Resources for Web Developers and Designers

This is an incomplete list of resources including courses and individuals who publish content that has helped me grow as a web developer and designer. Many of these resources are WordPress-specific as that is my current area of specialization. This list will grow over time. If you've got something to add, send me a link @kevinwhoffman and I'll check it out!

Course Providers

• Frontend Masters
• JavaScript for WordPress
• KnowtheCode
• Laracasts