Esta guía a modo de learning path o roadmap pretende ayudar a las personas que deseen aprender a programar de manera autodidacta, pero que no provienen del mundo de la informática o sistemas, y por lo tanto no tienen ningún tipo de conocimiento.
Por supuesto, también puede servirle a quienes ya estén en tema, pero tal vez les resulta aburrido en cierto punto o no les aporte tanto.
Todo el material aquí contenido es gratuito, y en castellano.
| <main class="main post" id="anchor" role="main"> | |
| Content... | |
| </main> | |
| <a id="topBtn" class="btn-fixed" href="#anchor"> | |
| Lleva a la parte superior de la página. | |
| </a> | |
| <script> | |
| // When the user scrolls down 500px from the top of the document, show the button |
| #!/usr/bin/env bash | |
| # | |
| SCM_NONE_CHAR='' | |
| SCM_THEME_PROMPT_DIRTY="⚡" | |
| SCM_THEME_PROMPT_CLEAN="" | |
| SCM_THEME_PROMPT_PREFIX="${cyan}[${green}" | |
| SCM_THEME_PROMPT_SUFFIX="${cyan}] " | |
| SCM_GIT_SHOW_MINIMAL_INFO=true |
| # Modified version of Cloud theme by Julián Duque | |
| ZSH_THEME_CLOUD_PREFIX="⬢" | |
| PROMPT='%{$fg_bold[cyan]%}$ZSH_THEME_CLOUD_PREFIX %{$fg_bold[green]%}%p %{$fg[green]%}%c %{$fg_bold[cyan]%}$(git_prompt_info)%{$fg_bold[blue]%} % ($(node -v)) %{$reset_color%}' | |
| ZSH_THEME_GIT_PROMPT_PREFIX="%{$fg[green]%}[%{$fg[cyan]%}" | |
| ZSH_THEME_GIT_PROMPT_SUFFIX="%{$reset_color%}" | |
| ZSH_THEME_GIT_PROMPT_DIRTY="%{$fg[green]%}] %{$fg[yellow]%}⚡%{$reset_color%}" | |
| ZSH_THEME_GIT_PROMPT_CLEAN="%{$fg[green]%}]" |
| /** | |
| * Take an array of objects of similar structure and convert it to a CSV. | |
| * @source https://halistechnology.com/2015/05/28/use-javascript-to-export-your-data-as-csv/ | |
| * @modifiedBy sators | |
| * @param {Array} options.data Array of data | |
| * @param {String} options.columnDelimiter Column separator, defaults to "," | |
| * @param {String} options.lineDelimiter Line break, defaults to "\n" | |
| * @return {String} CSV | |
| */ | |
| export default ({data = null, columnDelimiter = ",", lineDelimiter = "\n"}) => { |
| /** | |
| * Migrate MongoDB database to Firebase. | |
| * Syntax: node migrate.js [-c || --collection=]<MongoDB Collection> [ [-h || --host=]<MongoDB URI>] | |
| * If no args are provided, the MONGODB_URI | |
| * env variable declared in the .env file | |
| * will be used instead. | |
| */ | |
| const env = require('dotenv'); | |
| const firebase = require('firebase'); |
Please star ⭐️ the gist to help! This is a proposal for a ⚡️ talk at Reactive Conference.
I wrote react-toolbox and presented it almost a year ago in lighning talk at Reactive Conf 2015 in Bratislava. At first it was just a proof of concept of a component library styled with CSS Modules and SASS. Now the project has grown quite a bit, and during this year there has been tons of changes and lessons learned.
Theming and customization is one of the most difficult and interesting problems to solve. For the first version we needed a custom Webpack loader to generate themes and doing simple style overrides was very painful. Today I'm working on a new playground that will allow you try CSS Modules live, and to create React Toolbox themes on the f
| <html> | |
| <head> | |
| <script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script> | |
| <title>ZeroToApp</title> | |
| <style> | |
| #messages { width: 40em; border: 1px solid grey; min-height: 20em; } | |
| #messages img { max-width: 240px; max-height: 160px; display: block; } | |
| #header { position: fixed; top: 0; background-color: white; } | |
| .push { margin-bottom: 2em; } | |
| @keyframes yellow-fade { 0% {background: #f2f2b8;} 100% {background: none;} } |
Notes: All the examples below are only tested on Vue.js 1.0 (above).
Notes: The examples below use ES6 so it's recommended to use browserify or webpack to easily integrate babel.
When you need to access DOM attribute, be careful with the lifecycle. Vue.js has a few useful lifecycle hooks.
Let's say we want to scroll our component to the bottom (imagine it's a long list with overflow-y: auto) once it's instantiate.
