Automate your WordPress Workflow with Grunt.jsJosh Lee
This document discusses using Grunt.js to automate WordPress development workflows. Grunt allows automating repetitive tasks like compiling CSS and JavaScript, running linting tools, concatenating and minifying files, generating sprites, deploying code, and live reloading browsers. It uses plugins maintained in GitHub repositories to perform these tasks. The document provides steps to set up a Grunt-based development environment, including installing Node.js, creating a package.json, installing Grunt and plugins, and configuring a Gruntfile. It also discusses options for using Grunt within WordPress themes and plugins or for an entire WordPress site.
This document discusses version control and Git. It explains that version control allows developers to maintain stability and continuity in websites/applications by saving versions. Git tracks differences between commits, is distributed for less server overhead, and makes complex workflows easier to manage. The document provides examples of basic Git commands and realistic workflows for development, deployment, using branches, merging, and other "cool stuff" like hooks, stash, and reset. Resources are also included for learning more about Git vs Subversion and deploying with Git.
Running jenkins in a public cloud - common issues and some solutionsAndrey Devyatkin
This document discusses common issues with running Jenkins in a public cloud and provides some solutions. It recommends setting up Jenkins behind a load balancer or VPN for security. It also suggests using Docker or Kubernetes to run Jenkins slaves instead of virtual machines for scalability. Additionally, it advises monitoring basic metrics like failed build rates to detect issues early and setting up automated reporting of those metrics for continuous visibility.
Daniel Steigerwald: EsteJS - javascriptové aplikace robusně, modulárně a komf...Develcz
Este.js is a development stack that includes statically compiled CoffeeScript, the Google Closure Library, Mocha tests, Stylus styles, and Soy templates. It uses Bower as a package manager, Grunt.js as a task runner, and module loaders to orchestrate dependencies and automate development tasks. Component aims to improve on monolithic libraries by promoting granular, reusable components that can be installed and loaded via both Bower and its own module loader. While there are many approaches to frontend development, Este.js brings together specific tools like Bower, Grunt.js, and module loaders to provide a robust yet comfortable development environment.
Daniel Steigerwald - Este.js - konec velkého SchizmaDevelcz
Vzpomínáte na doby, kdy na všechno stačilo jQuery? Slavme, jsme zpátky v budoucnosti. Svět JavaScriptových knihoven a nástrojů se usadil. Poznejte a naučte se technologie, které následujících minimálně pět let budou mainstreamem. Už není třeba experimentovat, dumat jestli Ember nebo Angular nebo Meteor, odpovědí je React a Flux. Zabaleno a připraveno k použití v produkci v úplně novém Este.js - zero bus factor edition.
This document compares GatsbyJS and Next.js web frameworks. It recommends using Gatsby for static sites due to its easy data integration and plugins. Next.js is recommended for applications and complex/dynamic sites as it supports server-side rendering and has few downsides compared to plain React. Both frameworks use React under the hood, so the skills are largely transferable between the two.
Cross-platform Desktop application with AngularJS and build with Node-webkitWittawas Wisarnkanchana
This document discusses building a cross-platform desktop application using AngularJS and Node-webkit. Node-webkit allows turning an HTML5/AngularJS web app into a desktop application that runs on Windows, Mac, and Linux. It provides features like file access, webcam support, and good performance. AngularJS handles data binding and logic, while data can be stored locally using technologies like Web Storage or indexedDB. The application backend can be built with any server-side framework like Node.js, PHP, Django, etc. Example starter projects are provided.
Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)Eddie Lau
This document introduces Node-Webkit, which allows developers to create desktop applications using JavaScript, HTML, and CSS. Node-Webkit packages Node.js and Webkit to build executable applications for Windows and Mac. While the initial packaging was clumsy, the Grunt-Node-Webkit-Builder tool now simplifies building and testing updated Node-Webkit applications. Developing cross-platform desktop apps traditionally requires different technologies like Java Swing and is difficult, but Node-Webkit enables using a single code base for desktop apps.
Automate your WordPress Workflow with Grunt.jsJosh Lee
This document discusses using Grunt.js to automate WordPress development workflows. Grunt allows automating repetitive tasks like compiling CSS and JavaScript, running linting tools, concatenating and minifying files, generating sprites, deploying code, and live reloading browsers. It uses plugins maintained in GitHub repositories to perform these tasks. The document provides steps to set up a Grunt-based development environment, including installing Node.js, creating a package.json, installing Grunt and plugins, and configuring a Gruntfile. It also discusses options for using Grunt within WordPress themes and plugins or for an entire WordPress site.
This document discusses version control and Git. It explains that version control allows developers to maintain stability and continuity in websites/applications by saving versions. Git tracks differences between commits, is distributed for less server overhead, and makes complex workflows easier to manage. The document provides examples of basic Git commands and realistic workflows for development, deployment, using branches, merging, and other "cool stuff" like hooks, stash, and reset. Resources are also included for learning more about Git vs Subversion and deploying with Git.
Running jenkins in a public cloud - common issues and some solutionsAndrey Devyatkin
This document discusses common issues with running Jenkins in a public cloud and provides some solutions. It recommends setting up Jenkins behind a load balancer or VPN for security. It also suggests using Docker or Kubernetes to run Jenkins slaves instead of virtual machines for scalability. Additionally, it advises monitoring basic metrics like failed build rates to detect issues early and setting up automated reporting of those metrics for continuous visibility.
Daniel Steigerwald: EsteJS - javascriptové aplikace robusně, modulárně a komf...Develcz
Este.js is a development stack that includes statically compiled CoffeeScript, the Google Closure Library, Mocha tests, Stylus styles, and Soy templates. It uses Bower as a package manager, Grunt.js as a task runner, and module loaders to orchestrate dependencies and automate development tasks. Component aims to improve on monolithic libraries by promoting granular, reusable components that can be installed and loaded via both Bower and its own module loader. While there are many approaches to frontend development, Este.js brings together specific tools like Bower, Grunt.js, and module loaders to provide a robust yet comfortable development environment.
Daniel Steigerwald - Este.js - konec velkého SchizmaDevelcz
Vzpomínáte na doby, kdy na všechno stačilo jQuery? Slavme, jsme zpátky v budoucnosti. Svět JavaScriptových knihoven a nástrojů se usadil. Poznejte a naučte se technologie, které následujících minimálně pět let budou mainstreamem. Už není třeba experimentovat, dumat jestli Ember nebo Angular nebo Meteor, odpovědí je React a Flux. Zabaleno a připraveno k použití v produkci v úplně novém Este.js - zero bus factor edition.
This document compares GatsbyJS and Next.js web frameworks. It recommends using Gatsby for static sites due to its easy data integration and plugins. Next.js is recommended for applications and complex/dynamic sites as it supports server-side rendering and has few downsides compared to plain React. Both frameworks use React under the hood, so the skills are largely transferable between the two.
Cross-platform Desktop application with AngularJS and build with Node-webkitWittawas Wisarnkanchana
This document discusses building a cross-platform desktop application using AngularJS and Node-webkit. Node-webkit allows turning an HTML5/AngularJS web app into a desktop application that runs on Windows, Mac, and Linux. It provides features like file access, webcam support, and good performance. AngularJS handles data binding and logic, while data can be stored locally using technologies like Web Storage or indexedDB. The application backend can be built with any server-side framework like Node.js, PHP, Django, etc. Example starter projects are provided.
Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)Eddie Lau
This document introduces Node-Webkit, which allows developers to create desktop applications using JavaScript, HTML, and CSS. Node-Webkit packages Node.js and Webkit to build executable applications for Windows and Mac. While the initial packaging was clumsy, the Grunt-Node-Webkit-Builder tool now simplifies building and testing updated Node-Webkit applications. Developing cross-platform desktop apps traditionally requires different technologies like Java Swing and is difficult, but Node-Webkit enables using a single code base for desktop apps.
Session delivered at DrupalCon Barcelona 2015 about building an AngularJS web app with Drupal version 8 as the backend data store and content management system.
Puppeteer is an API library that allows controlling Chrome/Chromium to automate tasks like screenshot capturing, generating PDFs, e2e testing, crawling websites, and pre-rendering SPAs. It can be used to replace tools like PhantomJS, prerender.io, and Selenium. Puppeteer launches a Chromium instance in headless mode and controls it through code to perform automated tasks like taking screenshots, generating PDFs from websites, running e2e tests with frameworks like Jest, and crawling pages by extracting element content. It is maintained by Google and useful for tasks like pre-rendering React sites with react-snap.
The document discusses callbacks and promises in JavaScript. It notes that callbacks don't have return or throw and can lead to nested code without guarantees of flow or parallelism. Promises are presented as an alternative - objects that represent an eventual fulfillment or rejection. Popular promise libraries like Q, When, and Bluebird are listed. Common JavaScript patterns like single and multiple ajax calls are shown using callbacks and promises. Promises allow values to be returned synchronously and promises to be reused. Benefits include avoiding callback hell and enabling better code reuse.
Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium over the DevTools Protocol. It allows automation of tasks such as generating screenshots, crawling websites to capture pre-rendered content, automating form submissions and UI testing, and capturing performance traces. Puppeteer runs Chrome/Chromium in a headless environment by default but can also run the full browser if needed.
This document provides an introduction to using Git source control. It begins with scenarios demonstrating problems that can occur without source control, such as managing different file versions and merging changes from multiple developers. It then explains what source control is, highlighting Git, and the basic workflow of adding, committing, and pushing files to a Git server. The rest of the document demonstrates common Git commands like reverting files, branching, and merging branches through examples. It concludes with recommendations on Git practices and additional learning resources.
An introduction to React, the javascript framework from Facebook. Talk done at Fullstack.JS, a London Meetup.
http://www.meetup.com/Fullstack-js-London/events/221009614/
This document provides an overview of WebGL capabilities including:
- Code can be written in JavaScript and shader languages
- Data can be loaded from HTTP or bundled in the DOM
- Textures like PNGs and JPEGs can be used
- Networking APIs allow features like Comet and WebSockets
- WebGL runs on the GPU avoiding bottlenecks
It also shares several demos of WebGL and provides resources for learning WebGL.
Andrew Mykhaliuk - Sorry, I need to make a build for frontendOdessaJS Conf
The document discusses optimizing a frontend build process. It recommends using Webpack or Rollup as the module bundler and decomposing the build into separate steps like compiling assets, JavaScript, and styles. It also suggests using tools like Babel, TypeScript, and PostCSS loaders to optimize builds and provides examples of build processes for frameworks like Angular and React. Optimization techniques mentioned include using HappyPack, thread-loader, and hard-source-webpack-plugin to parallelize and cache work to speed up builds.
node-webkit : Make a magic from your a desktop app to desktop app!욱진 양
I'm currently boring to write a description. sorry. I'll write some description at available time.
node-webkit: https://github.com/rogerwang/node-webkit
my node-webkit demo: https://github.com/composite/NodePlatform
Grunt is a JavaScript task runner that can automate front-end development workflows. It allows developers to define and run repetitive tasks like linting, minifying code, running tests, watching for file changes and more. Grunt has plugins for common tasks and allows developers to define custom tasks in a Gruntfile.js configuration file. Workflows can be created by combining tasks to run sequentially. This improves productivity by integrating tasks that were previously run separately into a single automated process.
Yeoman, Grunt, and Bower form a development stack where Yeoman is a scaffolding tool that generates boilerplates, Grunt is a JavaScript task runner for automating repetitive tasks like minification, and Bower is a package manager for fetching, installing, and managing third-party packages. The document provides instructions on installing each tool via Node.js and npm and using them together to build a web app, with Yeoman for generating the initial scaffolding, Grunt for automating build tasks, and Bower for managing third-party packages.
Node.js x Azure, cli usage, website deploymentCaesar Chi
This document discusses using Node.js on Microsoft Azure. It covers installing Node.js with NVM, deploying a simple Node.js web application to Azure, and using Azure CLI commands to deploy code from GitHub to an Azure web site. It also briefly mentions using MongoDB for data storage and links to resources for the Node.js SDK for Azure and a GitHub repo with Node.js examples for Azure.
MVC way to introduce Sails.js - node.js frameworkCaesar Chi
introduce Sails.js in MVC way, we all know MVC for web development, let looking for Sails.js for Node.js Web application MVC infrastructure and development.
Biscuit, the cryptotoken you can share safely with your ap isQuentin Adam
Biscuit is a cryptotoken created by Clever Cloud that can be used to safely share access with APIs. It uses protocol buffers for encoding and symbol tables to reduce token size. Biscuit features a built-in ACL management system and uses datalog to determine access permissions in a flexible way based on actions rather than static roles. The specification and several implementations are open source and free to use, including for Clever Cloud's API and other projects.
The document discusses using Grunt, an open source task runner, to automate and optimize workflows for CSS preprocessing, image optimization, and more. It provides an overview of Grunt functionality and plugins, demonstrating how to set up a Gruntfile and common workflows using plugins like grunt-contrib-less, grunt-contrib-imagemin, and grunt-contrib-watch. The document encourages exploring task combinations, sharing workflows, and contributing to existing plugins or building new ones to extend Grunt's capabilities.
This document discusses dockerizing and vagrantizing Appium. It begins with an overview and then discusses visualizing the Appium installation process. It notes that installing Appium can be painful due to its dependencies. It then discusses using Docker and Docker Toolbox to provision Android Appium in containers more easily. It provides commands for pulling an Appium Docker image and running Appium in Docker containers. Finally, it briefly mentions using Vagrant and Ansible to provision Appium.
Eclipse Orion: The IDE in the Clouds (JavaOne 2013)Murat Yener
The document introduces Eclipse Orion, an open source web-based integrated development environment (IDE) that allows software development within a browser. It discusses how Orion provides code editing, debugging, version control, and other development tools through a browser without needing to install anything. It also describes how Orion uses plugins to extend its functionality and can be self-hosted or used on the public OrionHub server.
This document discusses various front-end tooling that can help developers work smarter and more efficiently. It recommends embracing tools like terminal shells and customizing browsers with developer tools. Popular tools are also mentioned like Sublime Text, which can be extended with plugins, packages and themes. Automating workflows with build tools like Grunt and package managers like Bower is also recommended to avoid tedious and repetitive tasks. Overall the document promotes maximizing productivity by leveraging the power of front-end tools.
webpack is a module bundler that takes modules with dependencies and generates static assets representing those modules. It allows importing of modules asynchronously and uses loaders and plugins to transform assets. The document provides links to guides on how to get started with webpack and how companies like Instagram use it.
This document provides an overview of a JBake workshop. The schedule includes an introduction to JBake, basic commands, creating blog content with templates, custom content types, Asciidoctor extensions, and integrating JBake with an open source project using Gradle. Attendees will learn how to install JBake, generate static sites, include code samples in blog posts, and integrate Javadoc documentation into the generated sites.
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages, and an introduction to JavaScript programming.
Session delivered at DrupalCon Barcelona 2015 about building an AngularJS web app with Drupal version 8 as the backend data store and content management system.
Puppeteer is an API library that allows controlling Chrome/Chromium to automate tasks like screenshot capturing, generating PDFs, e2e testing, crawling websites, and pre-rendering SPAs. It can be used to replace tools like PhantomJS, prerender.io, and Selenium. Puppeteer launches a Chromium instance in headless mode and controls it through code to perform automated tasks like taking screenshots, generating PDFs from websites, running e2e tests with frameworks like Jest, and crawling pages by extracting element content. It is maintained by Google and useful for tasks like pre-rendering React sites with react-snap.
The document discusses callbacks and promises in JavaScript. It notes that callbacks don't have return or throw and can lead to nested code without guarantees of flow or parallelism. Promises are presented as an alternative - objects that represent an eventual fulfillment or rejection. Popular promise libraries like Q, When, and Bluebird are listed. Common JavaScript patterns like single and multiple ajax calls are shown using callbacks and promises. Promises allow values to be returned synchronously and promises to be reused. Benefits include avoiding callback hell and enabling better code reuse.
Puppeteer is a Node library that provides a high-level API to control Chrome or Chromium over the DevTools Protocol. It allows automation of tasks such as generating screenshots, crawling websites to capture pre-rendered content, automating form submissions and UI testing, and capturing performance traces. Puppeteer runs Chrome/Chromium in a headless environment by default but can also run the full browser if needed.
This document provides an introduction to using Git source control. It begins with scenarios demonstrating problems that can occur without source control, such as managing different file versions and merging changes from multiple developers. It then explains what source control is, highlighting Git, and the basic workflow of adding, committing, and pushing files to a Git server. The rest of the document demonstrates common Git commands like reverting files, branching, and merging branches through examples. It concludes with recommendations on Git practices and additional learning resources.
An introduction to React, the javascript framework from Facebook. Talk done at Fullstack.JS, a London Meetup.
http://www.meetup.com/Fullstack-js-London/events/221009614/
This document provides an overview of WebGL capabilities including:
- Code can be written in JavaScript and shader languages
- Data can be loaded from HTTP or bundled in the DOM
- Textures like PNGs and JPEGs can be used
- Networking APIs allow features like Comet and WebSockets
- WebGL runs on the GPU avoiding bottlenecks
It also shares several demos of WebGL and provides resources for learning WebGL.
Andrew Mykhaliuk - Sorry, I need to make a build for frontendOdessaJS Conf
The document discusses optimizing a frontend build process. It recommends using Webpack or Rollup as the module bundler and decomposing the build into separate steps like compiling assets, JavaScript, and styles. It also suggests using tools like Babel, TypeScript, and PostCSS loaders to optimize builds and provides examples of build processes for frameworks like Angular and React. Optimization techniques mentioned include using HappyPack, thread-loader, and hard-source-webpack-plugin to parallelize and cache work to speed up builds.
node-webkit : Make a magic from your a desktop app to desktop app!욱진 양
I'm currently boring to write a description. sorry. I'll write some description at available time.
node-webkit: https://github.com/rogerwang/node-webkit
my node-webkit demo: https://github.com/composite/NodePlatform
Grunt is a JavaScript task runner that can automate front-end development workflows. It allows developers to define and run repetitive tasks like linting, minifying code, running tests, watching for file changes and more. Grunt has plugins for common tasks and allows developers to define custom tasks in a Gruntfile.js configuration file. Workflows can be created by combining tasks to run sequentially. This improves productivity by integrating tasks that were previously run separately into a single automated process.
Yeoman, Grunt, and Bower form a development stack where Yeoman is a scaffolding tool that generates boilerplates, Grunt is a JavaScript task runner for automating repetitive tasks like minification, and Bower is a package manager for fetching, installing, and managing third-party packages. The document provides instructions on installing each tool via Node.js and npm and using them together to build a web app, with Yeoman for generating the initial scaffolding, Grunt for automating build tasks, and Bower for managing third-party packages.
Node.js x Azure, cli usage, website deploymentCaesar Chi
This document discusses using Node.js on Microsoft Azure. It covers installing Node.js with NVM, deploying a simple Node.js web application to Azure, and using Azure CLI commands to deploy code from GitHub to an Azure web site. It also briefly mentions using MongoDB for data storage and links to resources for the Node.js SDK for Azure and a GitHub repo with Node.js examples for Azure.
MVC way to introduce Sails.js - node.js frameworkCaesar Chi
introduce Sails.js in MVC way, we all know MVC for web development, let looking for Sails.js for Node.js Web application MVC infrastructure and development.
Biscuit, the cryptotoken you can share safely with your ap isQuentin Adam
Biscuit is a cryptotoken created by Clever Cloud that can be used to safely share access with APIs. It uses protocol buffers for encoding and symbol tables to reduce token size. Biscuit features a built-in ACL management system and uses datalog to determine access permissions in a flexible way based on actions rather than static roles. The specification and several implementations are open source and free to use, including for Clever Cloud's API and other projects.
The document discusses using Grunt, an open source task runner, to automate and optimize workflows for CSS preprocessing, image optimization, and more. It provides an overview of Grunt functionality and plugins, demonstrating how to set up a Gruntfile and common workflows using plugins like grunt-contrib-less, grunt-contrib-imagemin, and grunt-contrib-watch. The document encourages exploring task combinations, sharing workflows, and contributing to existing plugins or building new ones to extend Grunt's capabilities.
This document discusses dockerizing and vagrantizing Appium. It begins with an overview and then discusses visualizing the Appium installation process. It notes that installing Appium can be painful due to its dependencies. It then discusses using Docker and Docker Toolbox to provision Android Appium in containers more easily. It provides commands for pulling an Appium Docker image and running Appium in Docker containers. Finally, it briefly mentions using Vagrant and Ansible to provision Appium.
Eclipse Orion: The IDE in the Clouds (JavaOne 2013)Murat Yener
The document introduces Eclipse Orion, an open source web-based integrated development environment (IDE) that allows software development within a browser. It discusses how Orion provides code editing, debugging, version control, and other development tools through a browser without needing to install anything. It also describes how Orion uses plugins to extend its functionality and can be self-hosted or used on the public OrionHub server.
This document discusses various front-end tooling that can help developers work smarter and more efficiently. It recommends embracing tools like terminal shells and customizing browsers with developer tools. Popular tools are also mentioned like Sublime Text, which can be extended with plugins, packages and themes. Automating workflows with build tools like Grunt and package managers like Bower is also recommended to avoid tedious and repetitive tasks. Overall the document promotes maximizing productivity by leveraging the power of front-end tools.
webpack is a module bundler that takes modules with dependencies and generates static assets representing those modules. It allows importing of modules asynchronously and uses loaders and plugins to transform assets. The document provides links to guides on how to get started with webpack and how companies like Instagram use it.
This document provides an overview of a JBake workshop. The schedule includes an introduction to JBake, basic commands, creating blog content with templates, custom content types, Asciidoctor extensions, and integrating JBake with an open source project using Gradle. Attendees will learn how to install JBake, generate static sites, include code samples in blog posts, and integrate Javadoc documentation into the generated sites.
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages, and an introduction to JavaScript programming.
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages to host websites, and an introduction to JavaScript programming.
Git your Jekyll on - WebCamp Ljubljana 2015Alja Isakovic
An intro talk about Jekyll, a Ruby-based static website generator and my story of moving my old blog from Blogger to a GitHub Pages hosted Jekyll. The talk includes a few practical Jekyll examples and highlights the benefits of using a static website generator for simple multi-page websites that don't change often or personal blogs.
The slides were prepared for my talk at WebCamp Ljubljana 2015
This document introduces Ruby on Rails (Rails), an open-source web application framework written in Ruby. It discusses Rails' features like MVC architecture, scaffolding to quickly generate CRUD interfaces, and use of gems. The author provides steps to install Rails and create a sample app, including generating models, views, and controllers using scaffolding and applying a Bootstrap theme. Tips are given on further customizing the generated app code and views. Rails is concluded to be a simple way to build basic CRUD apps but deeper understanding is needed for serious applications.
This document discusses using version control, specifically git, when developing WordPress sites. It begins with an introduction to version control and git terminology. It then discusses advantages of git over traditional FTP deployment and outlines best practices for using git with WordPress, including using branches, Composer for dependency management, and starter projects like Bedrock. The document provides an overview of git workflows for both individual developers and teams.
W prezentacji znajdziesz omówienie:
-organizację kodu i pracy w trochę większych projektach
-wykorzystanie narzędzi takich jak npm, gulp, sass, bower do automatyzacji zadań
-efektywną pracę w zespole z wykorzystaniem gita
-zasady tworzenia zwartego, łatwego w utrzymaniu kodu w oparciu o podejście SMACSS i BEM
-wzorce i podejście do tworzenia modularnego javascriptu
-przydatne narzędzia i biblioteki wraz z ich praktycznym zastosowaniem
-testowanie stron i aplikacji
-przyjrzymy się też nowej wersji Javascript: ES6/ES2015
This document is a presentation on Git and GitHub given by Olmo Maldonado. It introduces version control and why it is useful, especially for collaboration. It describes what Git and GitHub are and how they work together. The presentation walks through finding and following projects and users on GitHub. It also covers basic Git commands like cloning a repository, making changes, adding/committing, pushing changes to a remote repository, and creating/merging branches. It emphasizes using GitHub and pull requests for collaboration on projects.
This document discusses Pelican, an open source static site generator that uses Markdown files and Jinja templates to build static websites without a database. Pelican is Pythonic, easy to use, and has a large community and many themes and plugins available. The document provides instructions on installing Pelican using pip and generating a basic static site by creating Markdown content files and running Pelican commands to build the HTML output.
Introduction to Paul Irish and Divya Manian's HTML5 Boilerplate project. HTML5 Boilerplate helps you to quickly get up and running with front-end web project.
Jekyll is a simple, blog-aware static site generator written in Ruby. It allows users to write content in Markdown or HTML and generate static websites that are fast, secure, and customizable through themes and plugins. The document provides an overview of why to use Jekyll, how it is simple for site operators, developers and content creators, and includes steps to install and use Jekyll to create a basic website with pages and posts.
In this presentation I show how to use GitHub and Jekyll (static website generator) to create sites. Mainly based on case studies even though there is some theory at the beginning.
The document discusses how to publish a book online using GitBook. It provides a 10 step process: 1) Create a GitHub repo for the book, 2) Mirror a publishing template repo, 3) Customize the template, 4) Open the repo in GitBook Editor, 5) Create content, 6) Commit and push changes, 7) Open the repo in VS Code, 8) Build the HTML using Gulp, 9) Commit and push changes to GitHub, 10) Publish to GitHub Pages. It also discusses using Markdown, installing dependencies, GitBook plugins, customization options, and other static site generators.
The document discusses key features of GitHub including hosting code repositories, encouraging contributions through gamification, easy forking and pull requests, and using Markdown for documentation. GitHub lowers barriers for contributing to projects and promotes developers and their work.
The theme of your website has the capacity for beautiful, semantic markup...and also the hacky HTML soup. You can build a new theme by downloading a free theme and tearing out its guts--or you can learn how to become a theme surgeon.
In this session you will learn two key techniques needed to build a successful theme: crime scene investigation (identifying Drupal page elements in your design files) and power tools for copy-cat theming (things you need to recreate your design using Drupal). From start to finish we will transform a design file into a Drupal theme. With special attention given to your all-important questions: how do I save time with grid-based design? Should I use Panels? How do I make this bit of stuff appear next to that bit? Yah, but how do I start?
[This presentation was given at DrupalCon Chicago but the recording failed. Slides are available from http://www.slideshare.net/emmajane/forensic-theming-for-drupal]
About The Presenter
Emma Jane Hogbin is well known in the Drupal community for her engaging presentations and kickass theming book, Front End Drupal. She is currently working on her second book, Drupal: A user's guide which is due out shortly after DrupalCon. Through her training company, Design to Theme, emmajane has empowered thousands of people to create the Drupal site of their dreams.
Intended audience
Small business site builders who partner with graphic designers but have no idea how to make Drupal look like a design file. Intermediate themers who start with a free Drupal theme that looks "close" to the final site and then start hacking to make their theme. The audience currently does not use base themes and are frustrated at how complicated all of the code is. They are looking for shortcuts and some quick-fix solutions to make theming faster and more profitable.
Questions answered by this session
What are the key tools I need to use to make themeing Drupal easier?
How can I make Drupal markup less yucky?
Where should I start when building a new theme?
Yeah, but how do I theme *that thing*?
I want to see how you build a theme: show me!
Presented at: http://london2011.drupal.org/conference/sessions/forensic-theming-key-techniques-building-effective-drupal-themes
Blogging With Jekyll | Blogging Like a HackerLakshman Basnet
Jekyll is a simple, blog-aware static site generator that allows users to create blogs without a database. It uses Markdown or Textile for content, Git for version control, and generates static HTML files that can be hosted for free. Key benefits of Jekyll include speed, reliability, security, and the ability to be unique without complex hosting or configuration requirements.
The document discusses web components and their core specifications including shadow DOM, custom elements, templates, and HTML imports. It provides examples of how each specification works and the benefits they provide like composition, reusability, and a clean DOM tree. It also discusses Polymer, an opinionated library developed by Google that makes it easier to develop web components using its sugar syntax and existing reusable elements.
The document provides instructions for setting up a development environment for front end web development using Atom as the code editor. It discusses installing Atom and useful Atom plugins. It then covers GitHub basics like what Git and GitHub are, how they work, common terminology, and how to create and clone repositories. Finally, it provides step-by-step instructions for using GitHub to create and publish repositories for class assignments.
Octopress is a blogging framework built on Jekyll that allows users to write blog posts as Markdown files, generate a static site, and deploy to GitHub Pages. The document outlines how to install Octopress, write a sample blog post, preview the site locally, and deploy the site to GitHub Pages for hosting. Key features include using Jekyll and plugins, writing posts as Markdown files, generating a static blog, and easy deployment to GitHub.
2. “Simple, blog-aware, static site generator”
Simple: Everything is just plain text files
Blog-aware: Fits blog use-case ideally, but
other purposes can still work
Static sites: no backend, no cms
What is Jekyll
3. Why Jekyll
Simplicity
Free hosting with github pages
Markdown files are awesome and flexible
Blog offline without distraction
Own everything
Blog in vim (or emacs or sublime or whatever)
4. ● It’s easy to read
● Fast to write
● Translates directly to what you’re going
● Great for taking notes and then translating
those notes to blog posts
● grep...vim (or emacs)...
Side Note: Markdown is awesome
5. Getting Started - Fast!
gem install jekyll
jekyll new blog
cd blog
jekyll serve
done
demo:
https://gist.github.com/5601a105a7ea645663dc
6. Getting Started...making it prettier!
Customize the default
(demo of some basics):
https://gist.github.com/7a33b25e6cd705d64289
Or use a theme.
7. Themes!
Which themes to use
● The default is actually really nice now!
● check out jekyllthemes.org for a catalog of free themes
● The Hyde theme is great for projects
Two options
● fork a theme: usually have their own instructions
o The one I use is particularly well-documented
o mmistakes.github.io/minimal-mistakes/theme-setup/
● Github hosting premade themes
https://pages.github.com/
8. Github Hosting
Free for one user and as many projects as you want
For user
● repo named username.github.io
● just push to master and you’re done
For Projects
● Same repo as the project
● gh-pages branch...push (to gh-pages) and you’re done
9. A little bit of vim...
Demo of my (evolving) jekyll workflow:
https://gist.github.com/63e64ecd406ad777ecfb
My dotfiles are on github:
www.github.com/smcabrera/castillo-cabrera
10. Resources
• Great intro here: http://www.smashingmagazine.com/2014/08/01/build-blog-
jekyll-github-pages
• github pages--very easy guide to getting started with free github hosting. You
can also set up a blog or project site--with themes!--without touching the
command line: https://pages.github.com/
• Jekyll bootstrap: http://jekyllbootstrap.com/usage/blog-configuration.html
• ruhoh project: http://ruhoh.com/docs/2/
• The original blog post describing the inception of the project:
http://tom.preston-werner.com/2008/11/17/blogging-like-a-hacker.html
• Jekyll Now: Build a jekyll blog in minutes without touching the command line
https://github.com/barryclark/jekyll-now
11. Resources (contd)...
• Google analytics with jekyll:
https://developmentseed.org/blog/google-analytics-jekyll-
plugin/
• This vim plugin is awesome and is especially nice for
jekyll. It understands jekyll markdown formatting and has
great support for code blocks. Find it here:
https://github.com/gabrielelana/vim-markdown
• Multilingual this post discusses how:
https://developmentseed.org/blog/multilingual-jekyll-sites/
Editor's Notes
Usually have their own instrucUsually have their own instructions. The one I use is particularly well-documented:
mmistakes.github.io/minimal-mistakes/theme-setup/
tions. The one I use is particularly well-documented:
mmistakes.github.io/minimal-mistakes/theme-setup/
Usually have their own instructions. The one I use is particularly well-documented:
mmistakes.github.io/minimal-mistakes/theme-setup/
Usually have their own instructions. The one I use is particularly well-documented:
mmistakes.github.io/minimal-mistakes/theme-setup/
Usually have their own instructions. The one I use is particularly well-documented:
mmistakes.github.io/minimal-mistakes/theme-setup/
Usually have their own instructions. The one I use is particularly well-documented:
mmistakes.github.io/minimal-mistakes/theme-setup/