Help
RSS
API
Feed
Maltego
Contact
Domain > codewebnow.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-10-23
104.21.75.235
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Thu, 23 Oct 2025 21:16:35 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveAccess-Control-Allow-Origin: *Cache-Control: public, max-age0, must-revalidatecf-cache-status: DYNAMICreferrer-policy: strict-origin-when-cross-originx-content-type-options: nosniffVary: accept-encodingReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sACV7RoNbPIRZIfTqKNYugHnsPmrVC9d9Wj0vaYf5L19xp9BAb34qEM6fxRamcVpqkkY3EN3yAsYH3wnXGcL9E3tizRh5lXmhZbzgFVoX}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflareCF-RAY: 993441a42e8d5d68-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langes classlight scroll-smooth data-astro-cid-j7pv25f6> head>!-- Global Metadata -->meta charsetutf-8>meta nameviewport contentwidthdevice-width,initial-scale1>!-- link relicon typeimage/svg+xml href/favicon.svg /> -->link relicon typeimage/png href/favicon.webp>meta namegenerator contentAstro v4.16.19>!-- Font preloads -->link relpreload href/fonts/InterVariable.woff2 asfont typefont/woff2 crossorigin>link relpreload href/fonts/Montserrat-VariableFont_wght.ttf asfont typefont/ttf crossorigin>!-- Canonical URL -->link relcanonical hrefhttps://codewebnow.com/>link hrefhttps://cdn.jsdelivr.net/npm/flowbite@3.0.0/dist/flowbite.min.css relstylesheet>!-- Primary Meta Tags -->title>CodeWebNow | Aprende Programación Web Fácil y Rápido 🚀 | CodeWebNow/title>!-- meta nametitle content{title} /> -->meta namedescription contentDescubre CodeWebNow, tu fuente para aprender tecnologías web. Tutoriales y recursos para desarrollar habilidades en programación. 🚀¡Empieza hoy!>!-- Open Graph / Facebook -->meta propertyog:type contentwebsite>meta propertyog:url contenthttps://codewebnow.com/>meta propertyog:title contentCodeWebNow | Aprende Programación Web Fácil y Rápido 🚀>meta propertyog:description contentDescubre CodeWebNow, tu fuente para aprender tecnologías web. Tutoriales y recursos para desarrollar habilidades en programación. 🚀¡Empieza hoy!>meta propertyog:image contenthttps://codewebnow.com/codewebnow_banner.webp>!-- Twitter -->meta nametwitter:card contentsummary_large_image>meta nametwitter:url contenthttps://codewebnow.com/>meta nametwitter:site content@CodeWebNowDev>meta nametwitter:title contentCodeWebNow | Aprende Programación Web Fácil y Rápido 🚀>meta nametwitter:description contentDescubre CodeWebNow, tu fuente para aprender tecnologías web. Tutoriales y recursos para desarrollar habilidades en programación. 🚀¡Empieza hoy!>meta nametwitter:image contenthttps://codewebnow.com/codewebnow_banner.webp?12312322>!-- Add parameter to force clear cache -->link relalternate typeapplication/rss+xml titleCodeWebNow Blog hrefhttps://codewebnow.com/rss.xml>script typeapplication/ld+json>{@context:https://schema.org,@type:WebSite,url:https://codewebnow.com/,potentialAction:{@type:SearchAction,target:{@type:EntryPoint,urlTemplate:https://codewebnow.com/search/?q{search_term_string}},query-input:required namesearch_term_string}}/script>link relstylesheet href/_astro/about.DkHSIPhU.css>style>:root{--accent: #2337ff;--accent-dark: #000d8a;--accent-light: #4f63ff;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57}lidata-astro-cid-3ef6ksr2{margin:0!important}.logodata-astro-cid-3ef6ksr2{display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease;font-family:Inter,sans-serif}.logodata-astro-cid-3ef6ksr2:hover{transform:translateY(-1px)}.logo-textdata-astro-cid-3ef6ksr2{font-size:1.5rem;font-weight:800;color:rgb(var(--black));line-height:1}.logo-taglinedata-astro-cid-3ef6ksr2{font-size:.75rem;color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-left:2px}lidata-astro-cid-3ef6ksr2 adata-astro-cid-3ef6ksr2,h4data-astro-cid-kochgqzx{font-family:Inter,sans-serif}.code-windowdata-astro-cid-dum37za4{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.code-linedata-astro-cid-dum37za4{animation:fadeInUp .4s ease-out forwards;display:block;margin-bottom:.25rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blinkdata-astro-cid-dum37za4{width:2px;height:1.2em;background:#4f63ff;animation:blink 1s infinite;display:none}.code-linedata-astro-cid-dum37za4:hover{background:#4f63ff1a;border-radius:4px;padding:0 4px;margin:0 -4px .25rem;transition:all .2s ease}.text-blue-300data-astro-cid-dum37za4:hover{text-shadow:0 0 8px rgba(163,230,255,.6);transition:text-shadow .2s ease}.text-red-400data-astro-cid-dum37za4:hover{text-shadow:0 0 8px rgba(248,113,113,.6);transition:text-shadow .2s ease}.code-windowdata-astro-cid-dum37za4:hover .bg-white\/10data-astro-cid-dum37za4{background:#ffffff26;transition:background .3s ease}@keyframes slideInFromRight{0%{opacity:0;transform:perspective(1000px) rotateY(-15deg) rotateX(10deg) translate(50px)}to{opacity:1;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg) translate(0)}}.code-windowdata-astro-cid-dum37za4{animation:slideInFromRight .8s ease-out}@media (max-width: 768px){.code-windowdata-astro-cid-dum37za4{transform:perspective(800px) rotateY(-3deg) rotateX(3deg);max-width:90vw}}divdata-astro-cid-dum37za4{font-family:JetBrains Mono,monospace}:root{--accent: #2337ff;--accent-dark: #000d8a;--accent-light: #4f63ff;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57}body{font-family:Inter,sans-serif}.gradient-primarydata-astro-cid-j7pv25f6{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%)}.gradient-herodata-astro-cid-j7pv25f6{background:linear-gradient(135deg,rgba(var(--accent),.1),rgba(var(--accent-light),.05))}.text-gradientdata-astro-cid-j7pv25f6{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-patterndata-astro-cid-j7pv25f6:before{content:;position:absolute;inset:0;background:url(data:image/svg+xml,%3Csvg width60 height60 viewBox0 0 60 60 xmlnshttp://www.w3.org/2000/svg%3E%3Cg fillnone fill-ruleevenodd%3E%3Cg fill%232337ff fill-opacity0.03%3E%3Ccircle cx30 cy30 r2/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) repeat;z-index:1}.code-contentdata-astro-cid-j7pv25f6 .commentdata-astro-cid-j7pv25f6{color:#6a9955}.code-contentdata-astro-cid-j7pv25f6 .keyworddata-astro-cid-j7pv25f6{color:#ff7b72;font-weight:600}.code-contentdata-astro-cid-j7pv25f6 .variabledata-astro-cid-j7pv25f6{color:#79c0ff}.code-contentdata-astro-cid-j7pv25f6 .stringdata-astro-cid-j7pv25f6{color:#a5d6ff}.code-contentdata-astro-cid-j7pv25f6 .functiondata-astro-cid-j7pv25f6{color:#d2a8ff;font-weight:500}.code-contentdata-astro-cid-j7pv25f6 .propertydata-astro-cid-j7pv25f6{color:#ffa657}.code-contentdata-astro-cid-j7pv25f6 .typedata-astro-cid-j7pv25f6{color:#7ee787}.code-contentdata-astro-cid-j7pv25f6 .numberdata-astro-cid-j7pv25f6{color:#79c0ff}.code-contentdata-astro-cid-j7pv25f6 .operatordata-astro-cid-j7pv25f6{color:#ff7b72}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-updata-astro-cid-j7pv25f6{animation:fadeInUp .6s ease forwards}.animate-delay-100data-astro-cid-j7pv25f6{animation-delay:.1s}.animate-delay-200data-astro-cid-j7pv25f6{animation-delay:.2s}.animate-delay-300data-astro-cid-j7pv25f6{animation-delay:.3s}.animate-delay-400data-astro-cid-j7pv25f6{animation-delay:.4s}@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format(woff2);font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/InterVariable-Italic.woff2) format(woff2);font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-VariableFont_wght.ttf) format(truetype);font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Italic-VariableFont_wght.ttf) format(truetype);font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-VariableFont_wght.ttf) format(truetype);font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Italic-VariableFont_wght.ttf) format(truetype);font-weight:100 900;font-style:italic;font-display:swap}/style>script typemodule>document.addEventListener(DOMContentLoaded,()>{const edocument.getElementById(codeWindow),ndocument.getElementById(cursor);e&&n&&(setTimeout(()>{n.style.displayblock;const oe.querySelector(.code-line:last-child);if(o){const to.getBoundingClientRect(),se.getBoundingClientRect();n.style.leftt.right-s.left-20+px,n.style.topt.top-s.top+10+px}},2e3),e.addEventListener(mousemove,o>{const te.getBoundingClientRect(),st.left+t.width/2,dt.top+t.height/2,co.clientX-s,ro.clientY-d,ic/t.width*20,a-(r/t.height)*15;e.style.transform`perspective(1000px) rotateY(${i}deg) rotateX(${a}deg) scale(1.02)`,e.style.boxShadow`${c*.1}px ${r*.1}px 50px rgba(0, 0, 0, 0.3)`}),e.addEventListener(mouseleave,()>{e.style.transformperspective(1000px) rotateY(-5deg) rotateX(5deg) scale(1),e.style.boxShadow0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}),e.addEventListener(mouseenter,()>{e.style.transitionbox-shadow 0.3s ease, transform 0.1s ease-out}))});/script>/head> body classleading-relaxed text-gray-700 bg-white overflow-x-hidden data-astro-cid-j7pv25f6> !-- Header --> nav classbg-white border-gray-200 dark:bg-gray-900 shadow-md sticky top-0 z-50 data-astro-cid-3ef6ksr2> div classmax-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4 data-astro-cid-3ef6ksr2> a href/ classlogo data-astro-cid-3ef6ksr2> span classlogo-text data-astro-cid-3ef6ksr2>CodeWebNow/span> span classlogo-tagline data-astro-cid-3ef6ksr2>Desarrollo Web/span> /a> button data-collapse-togglenavbar-default typebutton classinline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600 aria-controlsnavbar-default aria-expandedfalse data-astro-cid-3ef6ksr2> span classsr-only data-astro-cid-3ef6ksr2>Abrir menú/span> svg classw-5 h-5 aria-hiddentrue xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 17 14 data-astro-cid-3ef6ksr2> path strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width2 dM1 1h15M1 7h15M1 13h15 data-astro-cid-3ef6ksr2>/path> /svg> /button> div classhidden w-full md:block md:w-auto idnavbar-default data-astro-cid-3ef6ksr2> ul classfont-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white list-none m-0 md:gap-10 data-astro-cid-3ef6ksr2> li data-astro-cid-3ef6ksr2> a href/ classblock py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 text-white bg-blue-700 md:text-blue-700 md:bg-transparent aria-currentpage data-astro-cid-3ef6ksr2>Home/a> /li> li data-astro-cid-3ef6ksr2> a href/blog/ classblock py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 text-gray-900 md:text-black md:bg-transparent data-astro-cid-3ef6ksr2>Blog/a> /li> li data-astro-cid-3ef6ksr2> a href/about/ classblock py-2 px-3 text-gray-900 rounded-sm hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 text-gray-900 md:text-black md:bg-transparent data-astro-cid-3ef6ksr2>About/a> /li> /ul> /div> /div> /nav> !-- Hero Section --> section classhero-pattern relative pt-32 pb-24 overflow-hidden gradient-hero data-astro-cid-j7pv25f6> div classrelative z-10 max-w-6xl mx-auto px-8 data-astro-cid-j7pv25f6> div classgrid lg:grid-cols-2 gap-16 items-center data-astro-cid-j7pv25f6> div classtext-center lg:text-left data-astro-cid-j7pv25f6> h1 classtext-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight text-gray-900 mb-6 animate-fade-in-up animate-delay-100 data-astro-cid-j7pv25f6>Aprende span classtext-gradient data-astro-cid-j7pv25f6>Desarrollo Web/span>en Español/h1> p classtext-xl leading-relaxed text-gray-600 mb-10 max-w-lg animate-fade-in-up animate-delay-200 data-astro-cid-j7pv25f6>Tutoriales prácticos, guías detalladas y recursos actualizados sobre las tecnologías web más demandadas. Desde JavaScript hasta frameworks modernos, todo explicado de forma clara y en tu idioma./p> div classflex flex-wrap gap-4 justify-center lg:justify-start mb-12 animate-fade-in-up animate-delay-300 data-astro-cid-j7pv25f6> a href/blog/ classgradient-primary text-white px-8 py-4 rounded-xl font-semibold text-base transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:shadow-blue-500/40 flex items-center gap-2 data-astro-cid-j7pv25f6> svg classw-5 h-5 viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253z data-astro-cid-j7pv25f6>/path> /svg>Explorar Blog/a> a href#about classbg-white text-gray-700 px-8 py-4 rounded-xl font-semibold text-base transition-all duration-300 hover:-translate-y-0.5 hover:bg-gray-50 border-2 border-gray-200 data-astro-cid-j7pv25f6>Conocer más/a> /div> div classflex gap-8 justify-center lg:justify-start animate-fade-in-up animate-delay-400 data-astro-cid-j7pv25f6> div classtext-center data-astro-cid-j7pv25f6> div classtext-3xl font-extrabold text-blue-600 leading-none data-astro-cid-j7pv25f6> 10 /div> div classtext-sm text-gray-500 font-medium data-astro-cid-j7pv25f6>Artículos/div> /div> div classtext-center data-astro-cid-j7pv25f6> div classtext-3xl font-extrabold text-blue-600 leading-none data-astro-cid-j7pv25f6>1.000+/div> div classtext-sm text-gray-500 font-medium data-astro-cid-j7pv25f6>Lectores/div> /div> div classtext-center data-astro-cid-j7pv25f6> div classtext-3xl font-extrabold text-blue-600 leading-none data-astro-cid-j7pv25f6>100%/div> div classtext-sm text-gray-500 font-medium data-astro-cid-j7pv25f6>En Español/div> /div> /div> /div> div classflex justify-center items-center data-astro-cid-j7pv25f6> div classhero-visual data-astro-cid-j7pv25f6> div classflex justify-center items-center data-astro-cid-dum37za4> div classcode-window bg-gray-900 rounded-xl overflow-hidden shadow-2xl w-full max-w-lg transition-all duration-500 ease-out idcodeWindow data-astro-cid-dum37za4> div classbg-white/10 px-4 py-3 flex items-center gap-4 border-b border-white/5 data-astro-cid-dum37za4> div classflex gap-2 data-astro-cid-dum37za4> div classw-3 h-3 rounded-full bg-red-500 hover:bg-red-400 transition-colors duration-200 cursor-pointer data-astro-cid-dum37za4>/div> div classw-3 h-3 rounded-full bg-yellow-500 hover:bg-yellow-400 transition-colors duration-200 cursor-pointer data-astro-cid-dum37za4>/div> div classw-3 h-3 rounded-full bg-green-500 hover:bg-green-400 transition-colors duration-200 cursor-pointer data-astro-cid-dum37za4>/div> /div> div classtext-white/80 text-sm font-medium flex items-center gap-2 data-astro-cid-dum37za4> svg classw-4 h-4 text-blue-400 fillcurrentColor viewBox0 0 20 20 data-astro-cid-dum37za4> path dM3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z data-astro-cid-dum37za4>/path> /svg> span classwindow-title data-astro-cid-dum37za4>modern-web.tsx/span> /div> /div> div classp-6 text-sm leading-relaxed text-gray-300 relative data-astro-cid-dum37za4> div classcode-content data-astro-cid-dum37za4> div classcode-line opacity-0 styleanimation-delay: 0.1s; data-astro-cid-dum37za4> span classtext-green-400 italic data-astro-cid-dum37za4>// ✨ Desbloquea el Potencial Web Moderno/span> /div> div classcode-line opacity-0 styleanimation-delay: 0.3s; data-astro-cid-dum37za4> span classtext-red-400 font-semibold data-astro-cid-dum37za4>import/span> {span classtext-purple-300 font-medium data-astro-cid-dum37za4>ModernPage/span> }span classtext-red-400 font-semibold data-astro-cid-dum37za4>from/span> span classtext-blue-300 data-astro-cid-dum37za4>@codewebnow/components/span> /div> div classcode-line opacity-0 styleanimation-delay: 0.5s; data-astro-cid-dum37za4> br data-astro-cid-dum37za4> /div> div classcode-line opacity-0 styleanimation-delay: 0.7s; data-astro-cid-dum37za4> span classtext-red-400 font-semibold data-astro-cid-dum37za4>const/span> span classtext-blue-400 data-astro-cid-dum37za4>technologies/span> span classtext-blue-300 data-astro-cid-dum37za4>React/span>, span classtext-blue-300 data-astro-cid-dum37za4>Next.js/span>, span classtext-blue-300 data-astro-cid-dum37za4>TailwindCSS/span>, span classtext-blue-300 data-astro-cid-dum37za4>TypeScript/span>/div> div classcode-line opacity-0 styleanimation-delay: 0.9s; data-astro-cid-dum37za4> br data-astro-cid-dum37za4> /div> div classcode-line opacity-0 styleanimation-delay: 1.1s; data-astro-cid-dum37za4> span classtext-red-400 font-semibold data-astro-cid-dum37za4>export/span> span classtext-red-400 font-semibold data-astro-cid-dum37za4>default/span> span classtext-red-400 font-semibold data-astro-cid-dum37za4>function/span> span classtext-purple-300 font-medium data-astro-cid-dum37za4>HomePage/span>() {/div> div classcode-line opacity-0 styleanimation-delay: 1.3s; data-astro-cid-dum37za4> span classtext-red-400 font-semibold data-astro-cid-dum37za4>return/span> (/div> div classcode-line opacity-0 styleanimation-delay: 1.5s; data-astro-cid-dum37za4> <span classtext-green-300 data-astro-cid-dum37za4>ModernPage/span> span classtext-orange-300 data-astro-cid-dum37za4>stack/span>{span classtext-blue-400 data-astro-cid-dum37za4>technologies/span>} />/div> div classcode-line opacity-0 styleanimation-delay: 1.7s; data-astro-cid-dum37za4> )/div> div classcode-line opacity-0 styleanimation-delay: 1.9s; data-astro-cid-dum37za4>}/div> /div> div classcursor-blink absolute idcursor data-astro-cid-dum37za4>/div> /div> /div> /div> /div> /div> /div> /div> /section> !-- About Section --> section idabout classpy-24 bg-white data-astro-cid-j7pv25f6> div classmax-w-6xl mx-auto px-8 data-astro-cid-j7pv25f6> div classtext-center mb-16 data-astro-cid-j7pv25f6> h2 classtext-3xl md:text-4xl lg:text-5xl font-bold text-gray-900 mb-4 data-astro-cid-j7pv25f6>¿Qué es CodeWebNow?/h2> p classtext-xl leading-relaxed text-gray-600 max-w-4xl mx-auto data-astro-cid-j7pv25f6>Somos una plataforma dedicada a enseñar desarrollo web moderno en español, creando contenido de calidad para la comunidad hispanohablante./p> /div> div classgrid md:grid-cols-2 lg:grid-cols-3 gap-8 data-astro-cid-j7pv25f6> div classbg-white p-10 rounded-2xl shadow-lg border border-gray-100 text-center transition-all duration-300 hover:-translate-y-2 hover:shadow-xl group data-astro-cid-j7pv25f6> div classw-12 h-12 gradient-primary rounded-xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300 data-astro-cid-j7pv25f6> svg classw-6 h-6 text-white viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4 data-astro-cid-j7pv25f6>/path> /svg> /div> h3 classtext-xl font-semibold text-gray-900 mb-4 data-astro-cid-j7pv25f6>Tutoriales Prácticos/h3> p classtext-gray-600 leading-relaxed data-astro-cid-j7pv25f6>Aprende con ejemplos reales y proyectos que puedes implementar inmediatamente. Cada tutorial incluye código completo y explicaciones detalladas./p> /div> div classbg-white p-10 rounded-2xl shadow-lg border border-gray-100 text-center transition-all duration-300 hover:-translate-y-2 hover:shadow-xl group data-astro-cid-j7pv25f6> div classw-12 h-12 gradient-primary rounded-xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300 data-astro-cid-j7pv25f6> svg classw-6 h-6 text-white viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM13 10V3L4 14h7v7l9-11h-7z data-astro-cid-j7pv25f6>/path> /svg> /div> h3 classtext-xl font-semibold text-gray-900 mb-4 data-astro-cid-j7pv25f6>Tecnologías Actuales/h3> p classtext-gray-600 leading-relaxed data-astro-cid-j7pv25f6>Cubrimos las tecnologías más demandadas del mercado: JavaScript moderno, React, Node.js, TypeScript y las últimas tendencias del desarrollo web./p> /div> div classbg-white p-10 rounded-2xl shadow-lg border border-gray-100 text-center transition-all duration-300 hover:-translate-y-2 hover:shadow-xl group data-astro-cid-j7pv25f6> div classw-12 h-12 gradient-primary rounded-xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300 data-astro-cid-j7pv25f6> svg classw-6 h-6 text-white viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8.5l2.5 2.5L12 13.5 9.5 11 12 8.5zM21 12a9 9 0 11-18 0 9 9 0 0118 0z data-astro-cid-j7pv25f6>/path> /svg> /div> h3 classtext-xl font-semibold text-gray-900 mb-4 data-astro-cid-j7pv25f6>Contenido Actualizado/h3> p classtext-gray-600 leading-relaxed data-astro-cid-j7pv25f6>Mantenemos nuestros recursos siempre actualizados con las últimas versiones y mejores prácticas de la industria del desarrollo web./p> /div> /div> /div> /section> !-- Blog Preview Section --> section classpy-24 bg-gray-50 data-astro-cid-j7pv25f6> div classmax-w-6xl mx-auto px-8 data-astro-cid-j7pv25f6> div classtext-center mb-16 data-astro-cid-j7pv25f6> h2 classtext-3xl md:text-4xl lg:text-5xl font-bold text-gray-900 mb-4 data-astro-cid-j7pv25f6>Últimos Artículos/h2> p classtext-xl leading-relaxed text-gray-600 max-w-4xl mx-auto data-astro-cid-j7pv25f6>Mantente al día con las últimas tendencias y mejores prácticas del desarrollo web./p> /div> div classgrid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12 data-astro-cid-j7pv25f6> article classbg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 hover:-translate-y-2 hover:shadow-xl flex flex-col h-full data-astro-cid-j7pv25f6> div classrelative h-48 overflow-hidden flex-shrink-0 data-astro-cid-j7pv25f6> img src/desarrollar-extension-chrome.webp altDesarrolla tu primera extensión de Chrome en 5 minutos classw-full h-full object-cover transition-transform duration-300 hover:scale-105 data-astro-cid-j7pv25f6> /div> div classp-6 flex flex-col flex-grow data-astro-cid-j7pv25f6> h3 classmb-4 data-astro-cid-j7pv25f6> a href/blog/desarrollar-extension-chrome/ classtext-gray-900 text-xl font-semibold leading-tight transition-colors duration-200 hover:text-blue-600 line-clamp-2 data-astro-cid-j7pv25f6> Desarrolla tu primera extensión de Chrome en 5 minutos /a> /h3> p classtext-gray-600 leading-relaxed mb-4 flex-grow line-clamp-3 data-astro-cid-j7pv25f6> ️Descubre cómo desarrollar una extensión de Chrome desde cero y amplía las funciones del navegador fácilmente. /p> div classflex justify-between items-center text-sm text-gray-500 mt-auto data-astro-cid-j7pv25f6> time datetime2025-01-31 data-astro-cid-j7pv25f6>31 enero, 2025/time> span classfont-medium data-astro-cid-j7pv25f6>6 min./span> /div> /div> /article>article classbg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 hover:-translate-y-2 hover:shadow-xl flex flex-col h-full data-astro-cid-j7pv25f6> div classrelative h-48 overflow-hidden flex-shrink-0 data-astro-cid-j7pv25f6> img src/scroll-animation-tailwind.webp alt¿Cómo hacer una Scroll Animation con Tailwind? classw-full h-full object-cover transition-transform duration-300 hover:scale-105 data-astro-cid-j7pv25f6> /div> div classp-6 flex flex-col flex-grow data-astro-cid-j7pv25f6> h3 classmb-4 data-astro-cid-j7pv25f6> a href/blog/scroll-animation-tailwind/ classtext-gray-900 text-xl font-semibold leading-tight transition-colors duration-200 hover:text-blue-600 line-clamp-2 data-astro-cid-j7pv25f6> ¿Cómo hacer una Scroll Animation con Tailwind? /a> /h3> p classtext-gray-600 leading-relaxed mb-4 flex-grow line-clamp-3 data-astro-cid-j7pv25f6> Guía definitiva de scroll animation con Tailwind. Crea efectos visuales impactantes al desplazar. Rápido, fácil y sin tocar JavaScript. ¡Entra y copia el código! /p> div classflex justify-between items-center text-sm text-gray-500 mt-auto data-astro-cid-j7pv25f6> time datetime2025-01-20 data-astro-cid-j7pv25f6>20 enero, 2025/time> span classfont-medium data-astro-cid-j7pv25f6>7 min./span> /div> /div> /article>article classbg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 hover:-translate-y-2 hover:shadow-xl flex flex-col h-full data-astro-cid-j7pv25f6> div classrelative h-48 overflow-hidden flex-shrink-0 data-astro-cid-j7pv25f6> img src/jwt.webp altJSON Web Tokens (JWT): Guía Esencial y Buenas Prácticas classw-full h-full object-cover transition-transform duration-300 hover:scale-105 data-astro-cid-j7pv25f6> /div> div classp-6 flex flex-col flex-grow data-astro-cid-j7pv25f6> h3 classmb-4 data-astro-cid-j7pv25f6> a href/blog/jwt/ classtext-gray-900 text-xl font-semibold leading-tight transition-colors duration-200 hover:text-blue-600 line-clamp-2 data-astro-cid-j7pv25f6> JSON Web Tokens (JWT): Guía Esencial y Buenas Prácticas /a> /h3> p classtext-gray-600 leading-relaxed mb-4 flex-grow line-clamp-3 data-astro-cid-j7pv25f6> ¿Qué es un JSON Web Token? ️ Guía completa con un ejemplo práctico en Node.js para crear tokens seguros y proteger tu app. ️ /p> div classflex justify-between items-center text-sm text-gray-500 mt-auto data-astro-cid-j7pv25f6> time datetime2025-01-07 data-astro-cid-j7pv25f6>7 enero, 2025/time> span classfont-medium data-astro-cid-j7pv25f6>7 min./span> /div> /div> /article> /div> div classtext-center data-astro-cid-j7pv25f6> a href/blog/ classgradient-primary text-white px-8 py-4 rounded-xl font-semibold text-base transition-all duration-300 hover:-translate-y-1 hover:shadow-xl hover:shadow-blue-500/40 inline-flex items-center gap-2 data-astro-cid-j7pv25f6>Ver todos los artículossvg classw-5 h-5 viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM17 8l4 4m0 0l-4 4m4-4H3 data-astro-cid-j7pv25f6>/path> /svg> /a> /div> /div> /section> !-- Newsletter Section --> section idnewsletter classpy-24 gradient-primary text-white data-astro-cid-j7pv25f6> div classmax-w-6xl mx-auto px-8 data-astro-cid-j7pv25f6> div classgrid lg:grid-cols-2 gap-16 items-center text-center lg:text-left data-astro-cid-j7pv25f6> div data-astro-cid-j7pv25f6> h2 classtext-3xl md:text-4xl lg:text-5xl font-bold mb-4 data-astro-cid-j7pv25f6>¿No te quieres perder nada?/h2> p classtext-xl leading-relaxed mb-8 opacity-90 data-astro-cid-j7pv25f6>Nos encantaría mantenerte al día con los mejores tutoriales y recursos, pero actualmente no tenemos newsletter activo. ¡Síguenos en nuestras redes sociales!/p> div classspace-y-4 data-astro-cid-j7pv25f6> div classflex items-center gap-3 justify-center lg:justify-start data-astro-cid-j7pv25f6> svg classw-5 h-5 flex-shrink-0 viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7 data-astro-cid-j7pv25f6>/path> /svg> span data-astro-cid-j7pv25f6>Contenido actualizado regularmente/span> /div> div classflex items-center gap-3 justify-center lg:justify-start data-astro-cid-j7pv25f6> svg classw-5 h-5 flex-shrink-0 viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7 data-astro-cid-j7pv25f6>/path> /svg> span data-astro-cid-j7pv25f6>Tutoriales gratuitos y detallados/span> /div> div classflex items-center gap-3 justify-center lg:justify-start data-astro-cid-j7pv25f6> svg classw-5 h-5 flex-shrink-0 viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM5 13l4 4L19 7 data-astro-cid-j7pv25f6>/path> /svg> span data-astro-cid-j7pv25f6>Recursos y herramientas útiles/span> /div> /div> /div> div classbg-white/10 backdrop-blur-sm rounded-2xl p-8 data-astro-cid-j7pv25f6> div classtext-center data-astro-cid-j7pv25f6> div classw-12 h-12 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-6 data-astro-cid-j7pv25f6> svg classw-6 h-6 viewBox0 0 24 24 fillnone strokecurrentColor data-astro-cid-j7pv25f6> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.732-.833-2.464 0L4.35 16.5c-.77.833.192 2.5 1.732 2.5z data-astro-cid-j7pv25f6>/path> /svg> /div> h3 classtext-xl font-semibold mb-4 data-astro-cid-j7pv25f6>Newsletter temporalmente no disponible/h3> p classopacity-90 leading-relaxed mb-8 data-astro-cid-j7pv25f6>Estamos trabajando en implementar un sistema de newsletter. Mientras tanto, puedes seguirnos en nuestras redes sociales para no perderte ninguna actualización./p> div classflex flex-col sm:flex-row gap-4 justify-center data-astro-cid-j7pv25f6> a hrefhttps://x.com/CodeWebNowDev classbg-white/20 text-white px-4 py-3 rounded-lg text-sm font-medium transition-all duration-200 hover:bg-white/30 hover:-translate-y-0.5 flex items-center gap-2 justify-center data-astro-cid-j7pv25f6> svg classw-4 h-4 viewBox0 0 24 24 fillcurrentColor data-astro-cid-j7pv25f6> path dM23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z data-astro-cid-j7pv25f6>/path> /svg>Twitter/a> /div> /div> /div> /div> /div> /section> footer idcontact classbg-gray-900 text-white/80 py-16 data-astro-cid-kochgqzx> div classmax-w-6xl mx-auto px-8 data-astro-cid-kochgqzx> div classgrid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 mb-12 items-start data-astro-cid-kochgqzx> div classcol-span-2 lg:col-span-2 pr-4 data-astro-cid-kochgqzx> div classmb-4 data-astro-cid-kochgqzx> div classtext-white text-xl font-extrabold leading-tight data-astro-cid-kochgqzx>CodeWebNow/div> div classtext-blue-400 text-xs uppercase tracking-wider font-medium data-astro-cid-kochgqzx>Desarrollo Web en Español/div> /div> p classtext-sm leading-relaxed mb-6 text-white/80 data-astro-cid-kochgqzx>Creamos contenido de calidad sobre desarrollo web moderno, ayudando a la comunidad hispanohablante a crecer profesionalmente./p> div classflex gap-3 data-astro-cid-kochgqzx> a hrefhttps://x.com/CodeWebNowDev aria-labelTwitter classw-9 h-9 bg-white/10 rounded-md flex items-center justify-center text-white/80 transition-all duration-200 hover:bg-blue-600 hover:text-white hover:-translate-y-0.5 data-astro-cid-kochgqzx> svg classw-4 h-4 viewBox0 0 24 24 fillcurrentColor data-astro-cid-kochgqzx> path dM23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z data-astro-cid-kochgqzx>/path> /svg> /a> !-- a href# aria-labelGitHub classw-9 h-9 bg-white/10 rounded-md flex items-center justify-center text-white/80 transition-all duration-200 hover:bg-blue-600 hover:text-white hover:-translate-y-0.5 > svg classw-4 h-4 viewBox0 0 24 24 fillcurrentColor> path dM12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z >/path> /svg> /a> a href# aria-labelLinkedIn classw-9 h-9 bg-white/10 rounded-md flex items-center justify-center text-white/80 transition-all duration-200 hover:bg-blue-600 hover:text-white hover:-translate-y-0.5 > svg classw-4 h-4 viewBox0 0 24 24 fillcurrentColor> path dM20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z >/path> /svg> /a> --> /div> /div> div classflex flex-col data-astro-cid-kochgqzx> h4 classtext-white font-semibold mb-3 text-sm data-astro-cid-kochgqzx>Contenido/h4> ul classspace-y-2 data-astro-cid-kochgqzx> li data-astro-cid-kochgqzx> a href/blog/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>Blog/a> /li> li data-astro-cid-kochgqzx> a href/blog/tag/astro/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx> Astro /a> /li>li data-astro-cid-kochgqzx> a href/blog/tag/seo/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx> Seo /a> /li>li data-astro-cid-kochgqzx> a href/blog/tag/tailwind/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx> Tailwind /a> /li> /ul> /div> div classflex flex-col data-astro-cid-kochgqzx> h4 classtext-white font-semibold mb-3 text-sm data-astro-cid-kochgqzx>Recursos/h4> ul classspace-y-2 data-astro-cid-kochgqzx> li data-astro-cid-kochgqzx> a href/blog/categoria/frontend/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>Frontend/a> /li> li data-astro-cid-kochgqzx> a href/blog/categoria/backend/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>Backend/a> /li> li data-astro-cid-kochgqzx> a href/blog/categoria/seo/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>SEO/a> /li> li data-astro-cid-kochgqzx> a href/blog/categoria/novedades/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>Novedades/a> /li> /ul> /div> div classflex flex-col data-astro-cid-kochgqzx> h4 classtext-white font-semibold mb-3 text-sm data-astro-cid-kochgqzx>Información/h4> ul classspace-y-2 data-astro-cid-kochgqzx> li data-astro-cid-kochgqzx> a href/about/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>Acerca de/a> /li> li data-astro-cid-kochgqzx> a href/contacto/ classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>Contacto/a> /li> li data-astro-cid-kochgqzx> a href/rss.xml classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>RSS/a> /li> li data-astro-cid-kochgqzx> a href/sitemap-index.xml classtext-sm transition-colors duration-200 hover:text-blue-400 data-astro-cid-kochgqzx>Sitemap/a> /li> /ul> /div> /div> div classborder-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-center md:text-left data-astro-cid-kochgqzx> p classtext-sm data-astro-cid-kochgqzx>© 2025 CodeWebNow. Todos los derechos reservados./p> div classflex gap-8 data-astro-cid-kochgqzx> a href/aviso-legal/ classtext-white/60 text-sm transition-colors duration-200 hover:text-white/80 data-astro-cid-kochgqzx> Aviso legal /a>a href/politica-de-privacidad/ classtext-white/60 text-sm transition-colors duration-200 hover:text-white/80 data-astro-cid-kochgqzx> Política de privacidad /a>a href/politica-de-cookies/ classtext-white/60 text-sm transition-colors duration-200 hover:text-white/80 data-astro-cid-kochgqzx> Política de cookies /a> /div> /div> /div> /footer> script srchttps://cdn.jsdelivr.net/npm/flowbite@3.0.0/dist/flowbite.min.js>/script> !-- Cloudflare Pages Analytics -->script defer srchttps://static.cloudflareinsights.com/beacon.min.js data-cf-beacon{token: 9156b1c661e84eb59324467e3498772a}>/script>!-- Cloudflare Pages Analytics -->/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]