Diseñadores web, ¿pueden darme una breve descripción de cómo avanzan sus proyectos de principio a fin?

Hay mucho en esta pregunta, así que le daré una breve descripción, si tiene preguntas sobre una sección más específica, comente y agregaré más.


Por ejemplo, supongamos que a un cliente le gustaría un sitio web comercial, ¿qué programas y herramientas utilizaría? ¿Cómo comenzaría, qué etapas clave hay en el desarrollo?

Entonces, suponiendo que un cliente me encuentre y envíe una solicitud de un sitio, estos son los pasos que usualmente paso:

  1. Hable por correo electrónico: en este momento no me preocupa este cliente en particular. Hablaremos por correo electrónico y me daré cuenta de lo que pueden desear, analizaré las posibles opciones amplias (por ejemplo, CMS, funcionalidad básica, etc.) y descartaré mi tarifa actual y un posible costo. En general, cito más alto de lo que creo que realmente costará porque los problemas ocurren y esto empuja a los clientes que quieren ser baratos y me estafa. Finalmente, programo una hora y un lugar para reunirnos (generalmente trabajo localmente).
  2. Conocer y saludar : en este punto soy más serio sobre el cliente. Nos reuniremos cara a cara y discutiremos planes más detallados. Normalmente, redactaré mi contrato antes de esta reunión y lo traeré, y si estuve correcto en mi estimación anteriormente (y no han decidido cambiar demasiado desde entonces) tendré el costo incluido en el contrato. Dependiendo del cliente, firmarán el contrato o querrán que un equipo legal lo revise.
  3. Recuperar el contrato: una vez que un cliente ha aceptado mi contrato (que establece los precios, el cronograma de pagos, el cronograma de trabajo, los horarios de contacto, los honorarios legales y las asignaciones de cambio), hago que lo firmen y lo envíen. En general, no permito desviaciones de mi contrato, especialmente si no es algo que no puedo leer y comprender sin consultar a un abogado.
  4. Pago inicial y trabajo inicial: después de recibir mi pago inicial (el costo varía según el cliente y el proyecto total), comenzaré a trabajar en el proyecto. En general, abro mi cuenta de bitbucket a quien esté a cargo del proyecto y les doy acceso de solo lectura, para que puedan ver qué está cambiando cuando. También documento sobre la marcha, aprendí de la manera difícil con PHP, puede que sepa lo que hace su código ahora, pero no lo sabrá en dos meses. En cuanto a herramientas:
    • Vim para edición de texto : los editores de GUI son para campesinos.
    • Python / Django para sitios web : Python es mi amor. Lo juro, nunca me ha encantado la programación hasta que probé Python, y Django puede ser difícil de aprender (me costó entender la configuración del archivo estático de Django), pero vale la pena.
    • uWSGI / nginx gateway y servidor proxy : uWSGI es, en mi opinión, el mejor y más fácil para Python, y nginx es incomparable.
    • CentOS 7 para OS : estándar para Linux en la web.
    • Bitbucket para git : control de versión privada ilimitado de forma gratuita.
    • Mac OSX y Fedora para local : solía ser estrictamente OSX, pero últimamente no me han gustado muchas de las opciones de diseño y estoy considerando volver a una plataforma * nix.
    • Pruebas funcionales y unitarias : también abogo por las pruebas funcionales y unitarias, después de comenzar me di cuenta de cuánto tiempo y esfuerzo se ahorra.
    • BESO Y SECO: No son realmente herramientas, sino director de diseño. Son acrónimos que significan Mantener , implementar , imponer y no repetir, y he aprendido a respetarlos. Ahora mi código es (generalmente) extremadamente simple y casi nunca contiene repeticiones.
  5. Presentación del progreso y un servidor de preparación: una vez que tenga suficiente trabajo para mostrar, configuraré un proceso de implementación en una aplicación Django separada. En general, usará Fabric para conectarse a mi servidor remoto, configurar los directorios correctos, clonar en mi repositorio git, configurar nginx y uWSGI y reiniciar los servidores necesarios para cargar el nuevo sitio web. Esto me permite mover fácilmente todos los cambios de trabajo en vivo con un solo comando. Una vez que el servidor provisional está configurado, le envío al cliente un enlace al sitio, y posiblemente una breve explicación de cómo funciona todo.
  6. Revisiones temidas: ahora que el cliente puede ver lo que sucede, generalmente quiere involucrarse más (para bien o para mal). Ahora no me malinterpreten, siempre y cuando tengan preocupaciones válidas, está bien, pero mierda como “¡Quiero que aparezca más!” o “Quiero un negro más negro” no es de ayuda. Pero es por eso que mi contrato tiene una sección de permisos de revisión , por lo que puedo limitar lo que pueden cambiar o cobrar más por ello. Una vez que finalizan las revisiones y el cliente está satisfecho con el sitio, tomo mi pago final y muevo el sitio en vivo.
  7. Refactorización: después de que los clientes hayan terminado sus revisiones, reviso cada archivo y veo si puedo simplificar el código o documentarlo mejor.
  8. Adicionales: Hay algunos otros elementos con los que me he encontrado:
  • Hosting : si el cliente aloja conmigo, les pido que firmen otro contrato acordando no poner nada ilegal en el sitio o en el servidor, y si lo hacen, no puedo ser considerado responsable de ello. También cubro un costo mensual (facturado trimestralmente, semestralmente o anualmente) y elimino avisos (si no se paga el sitio). También cubro los términos de servicio (por ejemplo, no ocupar más de un determinado GB de espacio en el disco duro, ancho de banda, etc.).
  • Desacuerdo del cliente : si en algún momento hay un desacuerdo que queda fuera del contrato, si el cliente decide intentar violar el contrato, entramos en una mediación legal. El contrato tiene una sección que promete que el cliente pagará la mediación legal y todos los gastos legales si (el cliente) viola el contrato. Generalmente para esto, todo lo que tengo que hacer es llevar el contrato firmado a un abogado y mediador y hacer que el abogado envíe una ” carta redactada ” al cliente y eso resuelve la mayoría de los problemas.
  • Cancelación : a veces sucede una mierda. He hecho que los clientes cancelen proyectos sin resentimiento de ninguno de los lados. Es por eso que construyo una cláusula de cancelación en el contrato. Mientras estemos a menos de la mitad del contrato, pueden cancelar sin daños ni reembolso. También he hecho que los clientes pasen del punto medio y necesiten cancelar, por eso solo cobro por hora de lo que considero que es la mitad del camino (o el cliente puede optar por pagar la cotización original). Pero a veces el cliente es un idiota con el que trabajar, y lo cancelo. Nuevamente, construí una “No ser una cláusula de Dick” (está literalmente etiquetada como esto en mi contrato) que establece claramente que si el cliente continuamente rompe el contrato o es malo, vulgar / odioso, o detiene la comunicación, puedo cancelar el contrato. y serán penalizados por la cláusula de cancelación y tendrán costos adicionales de “No ser una cláusula de Dick”. Los malos clientes también pueden optar por la mediación (con su dólar), pero esto rara vez sucede.
  • Falta de pago: esto sucede una tonelada. He tenido tantos clientes que intentan no pagarme, y muchos más con éxito no me pagan. Es por eso que haces un contrato y lo cumples. $ 200 vale la pena que un abogado revise su contrato y sugiera ediciones, créame. Una vez que tenga un contrato, encuentre un buen abogado. Conozca y salude, la mayoría tendrá una consulta gratuita, si explica su situación, estarán encantados de tener su negocio. A partir de ahí, si los clientes intentan no pagarle, simplemente comuníquese con su abogado (a expensas de los clientes (¡asegúrese de que esté en el contrato!)) Y el abogado puede enviarle una ” carta redactada ” sugiriendo que paguen la factura o que se les retire a los tribunales. Para la mayoría de los clientes, esto los asustará en el pago.

¿Cómo lo haría para que los clientes puedan actualizar sus sitios?

Generalmente esto es parte de la discusión inicial. Algunos clientes quieren un CMS completo, a otros no les importa y necesitan un sitio barato que no se actualice mucho. Si quieren un CMS, construyo uno en el sitio (generalmente uso Django-CMS). A veces los clientes piensan que un CMS es demasiado y prefieren simplemente pagarme para actualizar su sitio correctamente. (Como comentario aparte, una vez tuve un cliente que odiaba a los CMS, una compañía le vendió un CMS que era terrible y no le explicó cómo usarlo, así que terminó con este sitio de aspecto terrible que tenía etiquetas que no coincidían ( del editor WYSIWYG) y ella lo odiaba, por lo que se negó a tener un CMS).

¿Cómo gestionas el SEO?

En general, les hago pensar en las palabras clave que desean y utilizan la herramienta para webmasters de Google para buscar otras palabras clave que generalmente se buscan con sus palabras clave. Luego les daré esa lista y les diré que la usen en el sitio. Si el cliente puede entender, también explicaré cosas básicas como usar etiquetas

, cómo funcionan las metaetiquetas y la etiqueta . Pero generalmente no hago mucho trabajo de SEO. </p> <p> Demasiado breve! </p> <!-- Ezoic - mid_content - mid_content --> <div id="ezoic-pub-ad-placeholder-103"> </div> <!-- End Ezoic - mid_content - mid_content --> <div id="tags" class="mb-2"> <span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/desarrollo-web" rel="tag">desarrollo web</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/diseno" rel="tag">diseño</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/orientacion-profesional" rel="tag">Orientación profesional</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/orientacion-profesional-en-desarrollo-web" rel="tag">Orientación profesional en desarrollo web</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/orientacion-profesional-en-informatica" rel="tag">Orientación profesional en informática</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/orientacion-profesional-para-programadores-informaticos" rel="tag">Orientación profesional para programadores informáticos</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/programacion-informatica" rel="tag">Programación informática</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://career.gobetech.com/career/web" rel="tag">web</a></span> </div> </article> </div> <div class="my-3 px-3 pb-2 bg-light rounded shadow-sm relate"><p class="py-2 mb-0">Related Content</p><p class="p-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/64410/si-quiero-ser-programador-que-lenguaje-de-programacion-debo-saber-primero.html" rel="bookmark" class="nav-link p-0">Si quiero ser programador, ¿qué lenguaje de programación debo saber primero?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/51143/como-debo-conseguir-un-trabajo-en-ee-uu-como-ingeniero-de-software-de-accenture-india.html" rel="bookmark" class="nav-link p-0">¿Cómo debo conseguir un trabajo en EE. UU. Como ingeniero de software de Accenture India?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/59177/quiero-obtener-el-certificado-comptia-a-para-obtener-un-trabajo-de-entrada-y-por-lo-tanto-pagar-mi-matricula-en-lugar-de-los-prestamos-entrare-en-el-desarrollo-de-software-en-la-universidad.html" rel="bookmark" class="nav-link p-0">Quiero obtener el certificado COMPTIA A + para obtener un trabajo de entrada y, por lo tanto, pagar mi matrícula en lugar de los préstamos. Entraré en el desarrollo de software en la universidad. ¿Crees que este es un camino correcto?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/24457/cuales-son-las-mejores-maneras-en-que-te-conviertes-en-ingeniero-de-software-independiente.html" rel="bookmark" class="nav-link p-0">¿Cuáles son las mejores maneras en que te conviertes en ingeniero de software independiente?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/36167/no-soy-bueno-para-resolver-preguntas-algoritmicas-eso-me-convierte-en-un-mal-desarrollador-de-software.html" rel="bookmark" class="nav-link p-0">No soy bueno para resolver preguntas algorítmicas. ¿Eso me convierte en un mal desarrollador de software?</a></p></div> <div class="row mx-0"> <div class="col-md-6 text-left bg-white shadow-sm py-2"><a href="https://career.gobetech.com/64625/si-el-medico-de-tcs-valida-los-documentos-medicos-de-la-oficina-central-de-una-ciudad-puede-el-departamento-de-recursos-humanos-revocar-mi-transferencia.html" rel="prev">Si el médico de TCS valida los documentos médicos de la oficina central de una ciudad, ¿puede el Departamento de Recursos Humanos revocar mi transferencia?</a></div> <div class="col-md-6 text-right bg-white shadow-sm py-2"><a href="https://career.gobetech.com/64627/soy-bueno-escribiendo-y-siempre-quiero-escribir-lo-que-este-sucediendo-en-mi-mente-tambien-analizo-cosas-con-conclusiones-cual-es-la-mejor-carrera-adecuada-para-mi.html" rel="next">Soy bueno escribiendo y siempre quiero escribir lo que esté sucediendo en mi mente. También analizo cosas con conclusiones. ¿Cuál es la mejor carrera adecuada para mí?</a></div> </div> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Bueno, la forma en que lo hago es simple. </p> <p> 1. Tome un trozo de papel y anote su idea de diseño. Este paso podría terminar teniendo algunas iteraciones, al igual que todos los pasos; </p> <p> 2. Tomo mi herramienta de creación de prototipos favorita (actualmente Justinmind Prototyper Free) y hago realidad el concepto de mi idea; Este paso realmente depende del proyecto. Si necesito una plantilla Drupal o WordPress, voy directamente a Photoshop; </p> <p> 2.1. Recuerdo las cuadrículas, ya que quiero que mi sitio web sea interactivo. Un ejemplo sería el sistema de cuadrícula 960 </p> <p> 3. Voy a Photoshop para crear los elementos de diseño que necesito (botones, iconos, etc.); </p> <p> 4. Tomo una nueva versión de Bootstrap y comienzo a codificar; </p> <p> Esto es muy breve y obvio, pero ¿por qué complicarlo? </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Ty Hanks</small> </div> </div> </li><!-- #comment-## --> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Hola, </p> <p> Creo que encontrará útil este artículo: </p> <p> La alquimia del diseño web y la elusiva búsqueda del cierre de sesión </p> <p> Básicamente está escrito por un diseñador web sénior y te lleva a través de su proceso de pensamiento cuando trabajas en un resumen. Se enfoca específicamente en el desafío de crear algo que funcione tanto para los usuarios finales como para su cliente, mientras se mantiene fiel a su gusto personal y tendencias de diseño. Espero que lo encuentres interesante. </p> <p> PD: cuando se trata de SEO, estos 5 consejos pueden ser un punto de partida: </p> <p> 1. Asegúrese de que su sitio se cargue lo suficientemente rápido cuando acceda desde diferentes navegadores y dispositivos <br /> 2. Pruébelo regularmente y defina sus principales rutas de conversión <br /> 3. Asegúrese de que sea ‘fácil de entender’ (tanto para usuarios como para motores de búsqueda: etiquetado claro en las URL, títulos y encabezados, arquitectura de información lógica, mapas XML) <br /> 4. No olvides tener un enfoque para dispositivos móviles primero, especialmente ahora que Google está cambiando su algoritmo a favor de sitios compatibles con dispositivos móviles <br /> 5. Promocionarlo en diferentes canales en línea para correr la voz 🙂 </p> <p> (también verifique: 5 razones por las que Google odia su sitio web) </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Jeremy Spencer</small> </div> </div> </li><!-- #comment-## --> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Bueno, para poder editarlo sin conocimiento, necesitaría tener un sistema de gestión de contenido (CMS), la mayoría están programados en PHP y MySQL. A partir de ahí, la mejor manera de comenzar es hacer un diseño visual en papel de lo que desea que sea el diseño y así sucesivamente, y luego, si es un verdadero programador, seleccione un CMS o cree el suyo propio para ejecutarlo en los sitios web que construya y luego comience a codificar en función del CMS que decida elegir, ya que todos tienen requisitos diferentes. Como IDE personalmente, prefiero usar Notepad ++, es gratis, muy liviano y es excelente para las personas que prefieren usar nada más que código si buscas visualmente, diría que Dreamweaver sería el mejor. </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Jeremy Spencer</small> </div> </div> </li><!-- #comment-## --> <div class="my-3 px-3 pb-2 bg-light rounded shadow-sm relate"> <p class="py-2 mb-0">More Interesting</p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/47747/cuales-son-las-diferentes-perspectivas-de-carrera-de-los-desarrolladores-de-c-c-frente-a-los-administradores-de-linux.html" rel="bookmark" class="nav-link p-0">¿Cuáles son las diferentes perspectivas de carrera de los desarrolladores de C / C ++ frente a los administradores de Linux?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/50169/donde-puedo-encontrar-summerjobs-en-noruega.html" rel="bookmark" class="nav-link p-0">¿Dónde puedo encontrar summerjobs en Noruega?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/63048/soy-un-aspirante-a-escritor-quiero-ir-a-un-lugar-apartado-en-india-y-comenzar-a-escribir-pero-necesitaria-un-trabajo-para-sobrevivir-cuales-son-las-opciones.html" rel="bookmark" class="nav-link p-0">Soy un aspirante a escritor. Quiero ir a un lugar apartado en India y comenzar a escribir, pero necesitaría un trabajo para sobrevivir. ¿Cuales son las opciones?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/31526/cual-es-el-mejor-enfoque-para-un-sitio-web-de-texto-intensivo.html" rel="bookmark" class="nav-link p-0">¿Cuál es el mejor enfoque para un sitio web de texto intensivo?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/17507/hay-trabajos-interesantes-en-el-sector-gubernamental-despues-de-completar-la-ingenieria-civil.html" rel="bookmark" class="nav-link p-0">¿Hay trabajos interesantes en el sector gubernamental después de completar la ingeniería civil?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/51268/es-obligatorio-que-un-estudiante-universitario-haga-su-mini-proyecto-en-algun-instituto-en-lugar-de-hacerlo-solo.html" rel="bookmark" class="nav-link p-0">¿Es obligatorio que un estudiante universitario haga su mini proyecto en algún instituto en lugar de hacerlo solo?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/6573/a-que-pais-occidental-debo-mudarme-soy-de-kenia-tengo-19-anos-y-tengo-un-buen-ingreso-250-400k-us-al-ano-todavia-soy-joven-y-realmente-quisiera-un-pais-con-una-buena-vida-nocturna-baja.html" rel="bookmark" class="nav-link p-0">¿A qué país occidental debo mudarme? Soy de Kenia, tengo 19 años y tengo un buen ingreso (250-400k US $ al año). Todavía soy joven y realmente quisiera un país con una buena vida nocturna, baja tasa de criminalidad, buena educación y atención médica.</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/50443/cuales-son-algunos-de-los-buenos-cursos-de-maestria-de-1-ano-que-realiza-un-profesional-de-ti-con-experiencia-en-informatica.html" rel="bookmark" class="nav-link p-0">¿Cuáles son algunos de los buenos cursos de maestría de 1 año que realiza un profesional de TI con experiencia en informática?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/64487/es-cierto-que-es-dificil-trabajar-en-una-industria-de-petroleo-y-gas.html" rel="bookmark" class="nav-link p-0">¿Es cierto que es difícil trabajar en una industria de petróleo y gas?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/61811/quiero-hacer-componer-producir-musica-pero-por-donde-empiezo.html" rel="bookmark" class="nav-link p-0">Quiero hacer / componer / producir música, pero ¿por dónde empiezo?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/66195/actualmente-estoy-trabajando-en-una-mnc-no-estoy-interesado-en-el-dominio-en-el-que-estoy-trabajando-debo-dejarlo-e-ir-en-busca-de-lo-que-me-interesa.html" rel="bookmark" class="nav-link p-0">Actualmente estoy trabajando en una MNC, no estoy interesado en el dominio en el que estoy trabajando. ¿Debo dejarlo e ir en busca de lo que me interesa?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/60841/tengo-30-anos-y-estoy-a-punto-de-graduarme-de-un-doctorado-programa-en-informatica-tengo-un-trabajo-como-ingeniero-de-software-alineado-con-un-salario-de-150k-y-tengo-alrededor-de-80k-ahorrados.html" rel="bookmark" class="nav-link p-0">Tengo 30 años y estoy a punto de graduarme de un doctorado. programa en informática. Tengo un trabajo como ingeniero de software alineado con un salario de 150K +, y tengo alrededor de 80K ahorrados. ¿Cuál es la mejor manera de invertir mi dinero para aumentar significativamente mi patrimonio neto en el futuro previsible?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/4207/actualmente-trabajo-en-marketing-pero-estoy-buscando-hacer-un-cambio-de-carrera-en-la-cadena-de-suministro-que-caminos-debo-tomar.html" rel="bookmark" class="nav-link p-0">Actualmente trabajo en marketing pero estoy buscando hacer un cambio de carrera en la cadena de suministro. ¿Qué caminos debo tomar?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/9423/debo-dejar-mi-trabajo-y-convertirme-en-entrenador-de-aptitud-si-quiero-aprobar-un-buen-examen-gubernamental.html" rel="bookmark" class="nav-link p-0">¿Debo dejar mi trabajo y convertirme en entrenador de aptitud, si quiero aprobar un buen examen gubernamental?</a></p><p class="py-2 mb-0 border-top border-gray"> <a href="https://career.gobetech.com/23028/hay-algun-trabajo-alternativo-que-uno-pueda-encontrar-con-un-titulo-de-b-ed-en-sudafrica.html" rel="bookmark" class="nav-link p-0">¿Hay algún trabajo alternativo que uno pueda encontrar con un título de B.Ed en Sudáfrica?</a></p></div> </div> <div class="col-md-4 pb-3"> <script defer id="videoo-library" data-id="5ba22265f85834ee391ffe79d79e59dc0242952d274698af48dcfac8033a071c" src="https://static.videoo.tv/5ba22265f85834ee391ffe79d79e59dc0242952d274698af48dcfac8033a071c.js"></script> </div> </div> </main> <footer class="footer mt-auto py-3"> <div class="container"> <ul class="list-inline text-center relate small"> <li class="list-inline-item">Copyright © <a href="https://www.gobetech.com">GobeTech</a> - All Rights Reserved.</li> <li class="list-inline-item"><a href="/topics">Topics</a></li> <li class="list-inline-item"><a href="https://www.gobetech.com/about-us">About</a></li> <li class="list-inline-item"><a href="https://www.gobetech.com/privacy">Privacy Policy</a></li> </ul> </div> </footer> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <!-- Default Statcounter code for Gobetech.com SCIES https://www.gobetech.com --> <script type="text/javascript"> var sc_project=12206843; var sc_invisible=1; var sc_security="8da0d1af"; </script> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> <noscript><div class="statcounter"><a title="Web Analytics" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/12206843/0/8da0d1af/1/" alt="Web Analytics"></a></div></noscript> <!-- End of Statcounter Code --> </body> </html><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'89de9582ac1ea3e4',t:'MTcyMDA5MDUzOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>