{"id":734,"date":"2018-01-16T10:05:42","date_gmt":"2018-01-16T10:05:42","guid":{"rendered":"http:\/\/burmistrov-srv.xyz\/blog\/?p=734"},"modified":"2018-01-16T10:05:42","modified_gmt":"2018-01-16T10:05:42","slug":"software-for-bootstrap","status":"publish","type":"post","link":"https:\/\/burmistrov.xyz\/blog\/?p=734","title":{"rendered":"Software for Bootstrap"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Just after PHP course on Udemy I&#8217;ve started to learn Bootstrap. That&#8217;s a nice set of tools for quick web page creation. You can use ready\u00a0 classes for html elements, make cool navigation bars and even use javascript functions for simple actions. After playing with css manually I can assure you that Bootstrap is extremely helpful.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">For quick coding I&#8217;m using the following apps:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/nodejs.org\/en\/\">Node.js &#8211;\u00a0<\/a>this is sass preprocessor that allows you to use constants and flexible targeting in css. I&#8217;m using the following js file to create ready to go working folder with bootstrap with Node.js<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-syntaxhighlighter-code\">const gulp = require('gulp');\nconst browserSync = require('browser-sync').create();\nconst sass = require('gulp-sass');\n\n\/\/ Compile Sass &amp; Inject Into Browser\ngulp.task('sass', function(){\n  return gulp.src(['node_modules\/bootstrap\/scss\/bootstrap.scss','src\/scss\/*.scss'])\n    .pipe(sass())\n    .pipe(gulp.dest(\"src\/css\"))\n    .pipe(browserSync.stream());\n});\n\n\/\/ Move JS Files to src\/js\ngulp.task('js', function(){\n  return gulp.src(['node_modules\/bootstrap\/dist\/js\/bootstrap.min.js','node_modules\/jquery\/dist\/jquery.min.js','node_modules\/popper.js\/dist\/umd\/popper.min.js'])\n    .pipe(gulp.dest(\"src\/js\"))\n    .pipe(browserSync.stream());\n});\n\n\/\/ Watch Sass &amp; Server\ngulp.task('serve', ['sass'], function(){\n  browserSync.init({\n    server: \".\/src\"\n  });\n\n  gulp.watch(['node_modules\/bootstrap\/scss\/bootstrap.scss', 'src\/scss\/*.scss'], ['sass']);\n  gulp.watch(\"src\/*.html\").on('change', browserSync.reload);\n});\n\n\/\/ Move Fonts Folder to src\/fonts\ngulp.task('fonts', function(){\n  return gulp.src('node_modules\/font-awesome\/fonts\/*')\n    .pipe(gulp.dest(\"src\/fonts\"));\n});\n\n\/\/ Move Font Awesome CSS to src\/css\ngulp.task('fa', function(){\n  return gulp.src('node_modules\/font-awesome\/css\/font-awesome.min.css')\n    .pipe(gulp.dest(\"src\/css\"));\n});\n\ngulp.task('default', ['js', 'serve', 'fa', 'fonts']);<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/atom.io\/\">Atom editor<\/a>\u00a0&#8211; nice looking editor with the options to install packages and themes to speed up typing. I&#8217;m using packages\u00a0<strong>emmet\u00a0<\/strong>for shortcuts and atom-life-server for auto update page in browser after saving code in editor<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just after PHP course on Udemy I&#8217;ve started to learn Bootstrap. That&#8217;s a nice set of tools for quick web page creation. You can use ready\u00a0 classes for html elements, make cool navigation bars and even use javascript functions for simple actions. After playing with css manually I can assure you that Bootstrap is extremely [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[44,50,60,129,176],"class_list":["post-734","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding","category-education","tag-bootstrap","tag-coding","tag-education","tag-personal","tag-web-design"],"_links":{"self":[{"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=\/wp\/v2\/posts\/734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=734"}],"version-history":[{"count":0,"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=\/wp\/v2\/posts\/734\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=\/wp\/v2\/media\/736"}],"wp:attachment":[{"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/burmistrov.xyz\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}