Hace mucho, mucho tiempo (o al menos allá por finales de los 90), se oÃa a ciertos tipos autoproclamarse de profesion “Webmasterâ€. Mientras que la mayorÃa de la población no sabÃa ni traducir, y mucho menos saber el cometido de dicho trabajo. Ell
How to create a DVD movie of video downloaded from Google Video, Youtube or Myspace so that these videos can be watched on the TV screen ?… Step 1: Download the Internet Video to your hard disk in Flash Video format…
Como se puede ver, existen dos scripts dentro de npm: build que compila el js y extrae los CSS, y dev, que arranca el servidor de webpack habilitando HMR (🎶 ¡ya no puedo vivir sin él! 🎶).
Ambas configuraciones de webpack usan un script en común (webpack.config.common.js):
const webpack = require( 'webpack' );
const path = require( 'path' );
// Carga los ficheros .vueconst VueLoaderPlugin = require( 'vue-loader/lib/plugin' );
// Configura stylelintconst StyleLintPlugin = require( 'stylelint-webpack-plugin' );
// Para obtener un path para los aliasfunctionresolve( dir ) {
return path.join( __dirname, '.', dir );
}
module.exports = {
mode: 'production',
// Fichero inicial del proyecto
entry: './js/main.js',
// Fichero final para incluir
output: {
filename: 'js/main.js',
publicPath: '/dist/',
},
module: {
// Reglas para los ficheros
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
{
test: /\.vue$/,
loader: 'vue-loader',
},
{
test: /\.css$/,
use: [
'css-loader',
'sass-loader',
],
},
],
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new VueLoaderPlugin(),
new StyleLintPlugin( {
files: [ '**/*.{vue,htm,html,css,sss,less,scss,sass}' ],
} ),
],
resolve: {
extensions: [ '.js', '.vue', '.json' ],
alias: {
'@': resolve( '' ),
},
},
};
El frontend se gestiona desde el fichero main.js, que inicializará Vue y añadirá el componente principal:
import Vue from 'vue';
import Buefy from 'buefy';
import'buefy/dist/buefy.css';
import App from './components/App.vue';
import'@/assets/scss/main.scss';
Vue.use( Buefy );
new Vue( {
el: '#app',
components: {
App,
},
render: ( c ) => c( 'app' ),
} );
// accept replacement modulesif ( module.hot ) {
module.hot.accept();
}
Y ya por último el componente App.vue, que muestra simplemente un poco de HTML
Igual como ya se ha hecho con Word y Excel ( Google Docs&Spreadsheets ) Google estarÃa preparando una herramienta para ver / crear / editar presentaciones tipo PowerPoint que de momento se conoce como Presently
The launch of Picnik a couple of days ago brought us yet another online photo editing tool. Like Fauxto, Picnik uses Flash, whereas most of the earlier editing tools all use Ajax for in-browser editing.
Llevaban mucho tiempo hablando de ello, y al fin está disponible para desarrolladores. La nueva plataforma cruzada (‘cross-pattform’) permite aprovechar las herramientas de desarrollo web para construir aplicaciones que se ejecuten en nuestro escritorio.
Resumen de la presentación ‘Tendencias de Internet e Ideas de Negocio’, de Enrique Dans expuesta en el dÃa del emprendedor… ¿que hace falta para ser emprendedor?
– Tener huevos (ha puesto una diapositiva con varios huevos)