Publicaciones destacadas

Inicia sesión para comentar o publicar

Últimas publicaciones

Busco programador Node Mid-level / Senior

Alan Chavez

Amigos, estoy buscando un programador Nodejs con experiencia para trabajar conmigo y mis socios en una startup en el campo de la industria dental de EEUU.

Acá dejo la descripción del trabajo (en Inglés), interesados en aplicar por favor enviar un correo electrónico a achavez@biteline.net

Es indispensable tener un nivel intermedio de conversación en Inglés, y naturalmente experiencia trabajando con Nodejs o con JavaScript.

About Biteline

Biteline is a startup dental SaaS company that plans on changing the dental industry through a social job platform. The dental job market loses $1.0 - 1.3B in addressable revenue annually due to antiquated staffing solutions and offices spend nearly $1.6B on internal and external processes to attempt to mitigate this loss.

Our marketplace connects dental professionals by streamlining the process of finding qualified candidates, vetting their professional history, and communicating with potential employees. We promote accountability through a robust review system that reflects the experience of not only an office with an employee or temp but also the professional’s experience with the office. Through Biteline’s platform, offices can source high-quality labor, and professionals can regain control of their career.

We proved the concept in Charleston SC and are closing funds to expand to new markets, starting in Charlotte NC. Our goal is to grow to 100+ employees with a 100K+ user base within the next three years.

About Our Engineering Team:

The engineering team at Biteline is a small, yet nimble and powerful full-stack team, we are looking to add a backend software engineer to the team.

We value simplicity in both our code and our UI. We don’t believe in bloated teams or overly architected solutions; we opt for small, nimble engineering experts that work well together.

This role will advance our social platform that helps connect dental professionals with employers. We are looking for developers to build scalable RESTful APIs using AWS latest technologies like AWS Fargate, API Gateway, Amazon Aurora, and AWS Cognito.

We’re a small team, so you’ll have the opportunity to work on virtually all aspects of the software and have a direct and immediate impact.

We’re looking for people who will thrive in a startup environment. You will be at the core of every new feature, every product decision, and every touch point of our users. Micromanagement is not our style. If you are a problem solver and enjoy having the ability to think creatively with your code, you would love being on this team.

Requirements and Responsibilities:

You should have a proven track record for solving problems related to big data, single-page web applications, relational databases, and high-availability architectures.

You should have expert knowledge of modern backend JavaScript (Node.js, Express), frontend JavaScript, HTML, CSS and either Angular or React experiencie.

It would be best if you have a firm grasp of Computer Science fundamentals including object-oriented design, data structures, algorithm design, problem solving and complexity analysis.

You have a strong knowledge of asynchronous programming patterns and service-oriented architecture (SOA) solutions.

Ideally, you have experience solving near real-time web engineering problems.

We don’t necessarily care about years of experience, but it usually takes people several years of working full time on important software projects with a great team to obtain this level of expertise.

JavaScript EcmaScript 6 Class addEventListener ¿Error porque?

Isaac Santaella

Hola estoy aprendiendo, ecmaScript 6 con Class, y estoy tratando crear una clase con métodos aplicándoles parámetros para luego, llamarlos y colocar las variables para aplicar dicho efecto, pero en la consola me sale ese error, y no se porque. (Sorry por repetir el post, pense que el comando <code> lo tenia sorry)

class Design{
    transition(clickea, up, down){
        this.clickea = clickea;
        this.up = up;
        this.down = down;
        let cont = 0;
        let focus = document.getElementById(clickea);
        let content = document.getElementById(up);
        let content2 = document.getElementById(down);
        focus.addEventListener('click', function(clickea,up,down){
            if(cont == 0){
                content.style.transform = "translateY(-1000%)";
                content2.style.transform = "translateY(0%)";
                cont++;
            }else{
                content.style.transform = "translateY(0%)";
                content2.style.transform = "translateY(-100%)";
                cont--;
            }
        });
    }
}

const diseño = new Design();
let enlance = document.getElementById('sign');
let loguin = document.getElementById('loguin');
let registro = document.getElementById('registro');
diseño.transition(enlance, loguin, registro);
Uncaught TypeError: Cannot read property 'addEventListener' of null
   at Design.transition (eventos.js:30)
   at eventos.js:48

JavaScript EcmaScript 6 Class addEventListener ¿Error porque?

Isaac Santaella

Hola estoy aprendiendo, ecmaScript 6 con Class, y estoy tratando crear una clase con métodos aplicándoles parámetros para luego, llamarlos y colocar las variables para aplicar dicho efecto, pero en la consola me sale ese error, y no se porque.

<code> ```language lang-js ``` class Design{ transition(clickea, up, down){ this.clickea = clickea; this.up = up; this.down = down; let cont = 0; let focus = document.getElementById(clickea); let content = document.getElementById(up); let content2 = document.getElementById(down); focus.addEventListener('click', function(clickea,up,down){ if(cont == 0){ content.style.transform = "translateY(-1000%)"; content2.style.transform = "translateY(0%)"; cont++; }else{ content.style.transform = "translateY(0%)"; content2.style.transform = "translateY(-100%)"; cont--; } }); } }

const diseño = new Design(); let enlance = document.getElementById('sign'); let loguin = document.getElementById('loguin'); let registro = document.getElementById('registro'); diseño.transition(enlance, loguin, registro);

</code><code> Uncaught TypeError: Cannot read property 'addEventListener' of null at Design.transition (eventos.js:30) at eventos.js:48 </code>

GoDaddy vs Banahosting: ¿Qué servicio de hosting es mejor?

Rodrigo Melgarejo

¡Buen día a todos! A continuación les comparto un pequeño análisis que he realizado sobre uno de los hostings más populares del mercado (GoDaddy) y por qué Banahosting, que no es muy conocido, es una mejor alternativa de infraestructura para proyectos web.

Esta comparación la tenía originalmente en un Drive privado y la compartía a algunos clientes que preguntaban por qué Banahosting y no GoDaddy. El análisis se realiza según los sitios web de GoDaddy Deluxe de GoDaddy y Bana-Profesional Deluxe de Banahosting.

1. Precios

El hosting de Godaddy tiene un precio aproximado de $11 al mes, mientras que Banahosting tiene un precio de $7 al mes. El hosting de Banahosting supone un ahorro de $48 al año.

2. Memoria RAM

La memoria RAM del paquete Deluxe de GoDaddy es de 512MB, mientras que el de Banahosting es de 6GB DDR4, es decir, el rendimiento de Banahosting a nivel de memoria RAM es hasta 12 veces mejor.

Incluse el paquete más caro de GoDaddy (Máximo, a $25 por mes) tiene un rendimiento entre 2 y 3 veces menor al paquete estándar de Banahosting.

3. Certificado SSL

El certificado de GoDaddy tiene un costo aparte que implica un pago anual. El hosting de Banahosting es completamente gratuito y se renueva automáticamente.

4. Almacenamiento total de correos electrónicos

El almacenamiento de correo en GoDaddy es hasta 10 GB para todos los correos. Banahosting tiene almacenamiento ilimitado, además de que permite el envío de 400 correos por hora (por cada correo).

5. Tráfico y concurrencia de usuarios

Por experiencia propia y de terceros, sé que GoDaddy presenta problemas el sitio web recibe una alta concurrencia de usuarios. Por su parte, Banahosting está preparado para recibir 30 mil visitas diarias. De hecho, una vez tuve un pico de 30 mil visitas mensuales para Todo sobre Comunicación y en ningún momento registré caídas o sobrecargas del servidor.

6. Soporte de Node.js

Por lo general, los hostings compartidos no soportan Node.js, sin embargo, Banahosting es de aquellos pocos que sí lo permiten (además de tener la última versión de PHP).

Llevo trabajando un buen tiempo con Banahosting y en su momento también probé GoDaddy, así que espero este pequeño artículo les sea de utilidad. ¿Qué les pareció? ¿Hay algún otro servicio de hosting que recomienden?

¿Pueden apoyarme con feedback en un proyecto de vue?

Fernando Dorantes

Hola a todos comunidad.

Hace unas semana comencé a trabajar un proyecto con vue y express, tengo conocimiento sólido en express pero voy empezando con vue, literalmente un par de semanas y el front no es mucho aún.

Me gustaría y me serviría de mucho si pudieran darme feedback de la implementación, tanto vuex y lógica de los componentes para saber que ajustar. He leído la documentación, no termino por dominar la teoría pero con la práctica voy entendiendo y tomando gusto por vue.

Tiene deficiencias en CSS ya que la prioridad fue crear la funcionalidad e integrarlo con la API, debido a ello el CSS es muy poco. Por razones de seguridad y confidencialidad la API no es pública.

Repo: https://github.com/fdorantesm/morada-vue

Agradezco de antemano su apoyo.

nodeList convertido a Array devuelve undefined

Alessandro Reina

Hola a todos amigos, Incluso hoy te hago una pregunta con un tema de Javascript (lo sé, lo hago prácticamente una vez al día). Como vimos durante el curso de Javacript desde cero, document.querySelectorAll(`.selector`) no devuelve un Array sino un NodeList y aprendimos que al hacer Array.prototype.slice.apply(document.querySelectorAll(`.selector`)); podemos convertirlo en Array. Entonces lo que pregunto es: porque si tengo algo como:

<section class="sections"></section>
<section class="sections"></section>
<section class="sections"></section>``` 

y por ejemplo, hago:

```let sections = Array.prototype.slice.apply(document.querySelectorAll(`.sections`));
alert(sections.lenght)``` 
me devuelve undefined? ¿No debería devolverme 4 ya que lo convertí a Array?
Como siempre, gracias de antemano por cualquier ayuda que me dan
Ciao

[Resuelto] - Ayuda con QR que se recibe desde una API

Lorenzo Romero

Hola comunidad, este es mi primera publicación, tengo un problema con un QR, lo que pasa es lo siguiente recibo datos de una API el cual me hace el envío de un QR pero este no se ve de forma gráfica si no se ve de la siguiente manera: iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAIAAACzY+a1AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEZklEQVR4nO2d227jMAxEN4v+/y93HzYIAlhlRuTE6cDnPMbRpR2QkimKuX1/f/+BZP5+egIwBQnjQcJ4kDAeJIwHCeNBwniQMB4kjAcJ40HCeJAwni/xe7fbbT7Yc0j90eHjw+chlh+KPR+xTP7k4fTjB6wwHiSMR3WkDxrni0vHUrvK2hcd51APsZzz0ZMv+6mfLp1/8clLGk4YK4wHCeNBwni218JndlcsV9sasW39MvOgfqrzvr8XK4wHCeMZOdITmGz9dz1qY1a/AawwHiSM5/OOtA6diG0nnk3fc9YO/FNghfEgYTxIGM9oLfTGUPQDDXEJdC2Qu7Oqm9jBCuNBwni2HakrMFHHUI6eapJ3o7ctZvLym0fOCeJghfEgYTy33xBf+I/uDJdNCvQg+G6I/DeAFcaDhPEgYTzmhPxGxqa4yOkZm+JUxWCQvihOlu3JuFhhPEgYjzkhf+nuGqHqE9L1l4hx88Yrh/h/a/SMFcaDhPGojlTcajZ2hpP92/L7uzeMzglGvy/ugxXGg4TxIGE86kmFN/Tw8unugqHfTqqH8FY6OOfOFFYYDxLGM3KkltBt46n3ZlPD3U38bSNnpwYrjAcJ4/EkIYqJzPbk68nez1IarOH8LdlAz2CF8SBhPEgYz3Yeqe6sdxPjl6NMjovrOdtfOWqIzsCPIGE8o4T89x1jWtzsZAix7TOTaNSkEANWGA8SxmM+L5xU2H2f23nfJdC6w0ZUiCTEK4KE8SBhPOY80rptY+s/6bkRFRLHFc8iGnCz6YogYTyjI99GpPj4oaUTnUm4eZIrtPsSpYMVxoOE8XiiM2ITV3bM7lNxno22L/sRe+aK6KVBwniQMB7PbzZNYhlLLNcE7BcB6qe7+auuc3KsMB4kjGeUhGhJrDshAWeCPXFyCS8VlwYJ4zHvSBuB3UkcRHRZjaycSWRnOS51Z+BHkDAeJIzHk5BfMwl/iDSOai1NJq8N3GyCO0gYz6i8uqWyTE3D3dXDiafE9ddciTxFJyQhXggkjGdUXv3oOhoZLnXb5dPdO++uqJDYifiHcF4Id5AwHiSMx/yL2o3qMI3Xld3IzqRmzRJxXP2NaHnUI4IVxoOE8ZgLeDVcRyPefcKcLbeTqDsDEkgYz/bNpprJ4Z8908Ti0H6aofL9BuxIrwgSxoOE8YxyZ0YDD8oHTI6a37eoT0ot7Pb2DFYYDxLGM8qd2WV5oVKse+XKu/Ge9E5K6lB3Bu4gYTyj3BmRkzeBlttJE3/7vn/REqwwHiSMBwnj+fwPwYq9LXuusRRm88ZcGjN5CVYYDxLGM0pCnFCXWjh+rW6rl0uYuD5LZV/xegJh7guBhPF8zJEemexIXa7y2GGdODlx4OxI4Q4SxoOE8ZhvNrmwxF/EFUu/9yTOU3zVoe4M3EHCeMwJ+TWuELklbV48Lp4U/5qEyInOXAgkjOdj2dzgAiuMBwnjQcJ4kDAeJIwHCeNBwniQMB4kjAcJ40HCeJAwHiSM5x+M9McqFtt2XgAAAABJRU5ErkJggg==

Lo que no sé es como codificar toda esta cadena para que se vea de forma gráfica sin perder la información que contiene.

WiFi Gratis a cambio de algo

Franz Armas

Amigos hace poco visite un establecimiento en mi ciudad y curiosamente al querer conectarme al WiFi del establecimiento este primero me solicitaba que registre una visita al establecimiento en Facebook y luego después de hacer ello recién se conectaba al WiFi.. mi pregunta es, cómo puedo implementar este sistema para mí negocio físico ? .. Gracias.

Condicionales en C#

David Rivadeneyra

#Práctica de Condicionales Cursos de Programación desde 0

Estimados, estoy practicando los booleam en diferentes lenguajes y en C# no logro cumplir con la condición else, es decir cuando coloco un número menor a 18 no ejecuta el condicional else y no me da error en la consola, Aquí les dejo el código.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace ProyectoConsola_1
{
    class Program
    {
        static void Main(string[] args)
        {
            int mayoriaEdad = 18;
            int edad;
            System.Console.WriteLine("Bienvenido a la disco, debes ser mayor de edad para ingresar");
            System.Console.WriteLine("Por favor ingresa tu edad: ");

            edad = System.Console.Read();

            if (edad >= mayoriaEdad)
                System.Console.WriteLine("Demencia!");
            else {
                int faltante = mayoriaEdad - edad;
                System.Console.WriteLine("Uhh! No puedes ingresar, regresa dento de " + faltante + "año(s)");
                
                System.Console.WriteLine("Gracias por visitarnos!");
            }
        }
    }
}

[Resuelto] - ¿Cómo crear un portafolio de diseñador?

Andrés Felipe Daza Moreno

Hola comunidad EDteam. Me gustaría poder tener un portafolio en el cual pueda presentar y compartir mis proyectos, enfoque y marca personal, sólo que no sé como. Agradecería mucho recomendaciones de alguien con experiencia en el área de diseño o que este familiarizado con esta. Me gustaría que la herramienta que me sugieran tenga una o más de las siguientes características:

  • Que sea cómodo de gestionar..
  • Que sea o aparente profesionalidad (o por lo menos pueda referenciar sin ningún inconveniente en un CV).
  • Preferiblemente gratuito.

Además me gustaría que me recomienden más características y opciones que debería de tener en cuenta para tener y mejorar un portafolio de diseñador, por lo tanto sean libres de ofrecer diversas opciones.

[Resuelto] - Duda sobre los botónes regresar con Javascript

Alessandro Reina

Hola a todos amigos La pregunta que voy a hacerte es un poco articulada y quizás banal, pero acabo de seguir el curso de Javascript desde cero y en estos días estoy tratando de hacer mucha práctica. Ya que uso mucho Spotify (especialmente la aplicación de Android), noté que en él hay "una especie de botón regresar" que obviamente no te lleva a una página anterior (en el sentido de que no interactúa con los enlaces) pero te permite "moverte dentro de la misma aplicación" (por ejemplo, también sirve para cerrar las ventanas modales que contienen los detalles de las distintas canciones). Lo que me pregunto es: ¿Cómo se puede obtiener algo como esto? Por lo general, para crear un botón regresar con Javascript, use algo como:

window.history.back();

pero, como dije, de esta manera solo puede interactuar con enlaces (al menos creo), ¿Como puede obtener, sin embargo, algo como el que describí? Espero haber logrado expresar mi pregunta lo más claramente posible y especialmente en un español lo más correcto posible. Gracias de antemano a todos por las respuestas que me dan. Saludos desde italia

¡Feliz año nuevo 2019!

Luis Garcia C.

Hola Comunidad!,

Quiero compartir este codigo festivo de Año Nuevo y desearles lo mejor. ¡Feliz año nuevo 2019! Ejecutar Codigo result html

<!DOCTYPE html>
<html>
<head>
    <title>Feliz A&amp;ntilde;o Nuevo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:900|Raleway:600,0" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
 	<div class="backg">
 		<div class="text1">feliz</div><br>
 		<div class="text2">A&amp;ntilde;o</div><br>
         <div class="text3">Nuevo</div>
        <div class="contentglass">
 		<div class="glass1">
 			<div class="b1"></div>
 			<div class="b2"></div>
 			<div class="champagne"></div>
 		</div>
 		<div class="glass2">
 			<div class="b1"></div>
 			<div class="b2"></div>
 			<div class="champagne"></div>
         </div>
        </div>
 		<div class="text4">2019</div>
 	</div>
</body>
</html>

css

body{
    background-color: #5fc8c9;
    padding:0;
    margin:0;
    display: flex;
    justify-content:center;
    align-items:center;
    width: 100%;
}
.backg{
    
    height: 500px;
    width: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.text1,.text2,.text3{
    color:#e6043c;
    font-size:60px;
    text-transform: uppercase; 
    font-family: 'Raleway', sans-serif;
    background-color: white;
    padding-right: 20px;
    padding-left: 20px;
    margin-top:5px; 
    text-align: center;
    display: inline-block;
    position: relative;
    font-weight: 600;
}
.contentglass{
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.glass1,.glass2{
    bottom: 28px;
    background-color:rgba(255,255,255,0.5);
    height: 70px;
    width: 30px;
    border-radius: 0 0 9px 9px;
    position: relative;
    
}
.glass1{
    left:-40px;
    animation:cheers 2s infinite; 
    -webkit-animation:cheers 2s infinite; 
}
@keyframes cheers{
    50%{
        transform:rotate(20deg) translate(30px);

    }
}
@-webkit-keyframes cheers{
    50%{
        -webkit-transform:rotate(20deg) translate(30px);

    }
}
.glass2{
    left: 40px;
    animation:cheers1 2s infinite; 
    -webkit-animation:cheers1 2s infinite; 
}
@keyframes cheers1{
    50%{
        transform:rotate(-20deg) translate(-30px);

    }
}
@-webkit-keyframes cheers1{
    50%{
        -webkit-transform:rotate(-20deg) translate(-30px);

    }
}
.b1{
    background-color:rgba(255,255,255,0.5);
    height: 40px;
    width: 7px;
    position: relative;
    top:69px;
    left:12px;
}
.b2{
    height: 6px;
    width: 30px;
    background-color:rgba(255,255,255,0.5);
    position: relative;
    top:69px;
    border-radius: 10px 10px 0 0;
}
.champagne{
    background-color: #f0ff00;
    height: 45px;
    width: 22px;
    position: relative;
    bottom:25px;
    left:4.1px;
    border-radius:0 0 6px 6px; 
    z-index: -1;
}
.text4{
    color: #ffffff;
    font-size: 60px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    text-align: center;
    display: inline-block;
}
a{
    position: relative;
    top:15px;
    left:32px;
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    color: #262626;
}

PSDT: Ya pase a ver el tutorial de markdown (Borren mi primer post , Im Sorry ) cry

"use strict"

Adrian Romero

Tengo una duda, para que sirve el "use strict". Ya he googleado pero no me queda muy claro, espero me puedan ayudar. Gracias.

¿En qué estamos trabajando?ir a la app de curso