giorgiosaud / bootstrapnavwalker

Nav Walker

Hi i am Jorge Saud (Giorgiosaud inside of the dev world)

Working in websites since 2007 👋

I am a fullstack software engineer from Venezuela living in Chile

• 🔭 I’m currently working @Modyo
• 🌱 Learning design patterns in depth

Connect with me

Giorgiosaud.io

Expertise

Some Pages where i worked in are still active

• Zonapro.net
• Facultad de Gobierno • Universidad Central de Chile
• Baquedano Consultores
• Luzmakitchen
• Windowggard
• EatosCorp
• GHP Chile

Some pages where i contributed to in Modyo

• Larrainvial Private Site
• Bci Chile (Multiples Sites)
• Cinemmark (Multiples Sites)
• SBS
• USS on boarding
• Mapco (Multiples Sites)
• Copec (Multiples Sites)
• Consorcio
• Santander Chile (Multiples Sites)
• Fundacion de la mujer
• Mifel
• Duoc
• Parque Arauco (Multiples Sites)
• Modyo
• Entre Otros

And Some Pages made by me but inactive right now

• Jorin C.A: Website Corporativo
• Puertorinoco Catamaran: Pagina de empresa de turismo con recorridos en catamaran incluyo, reservas,y pagos via mercadopago en Venezuela
• Oro Negro: Website Corporativo
• La Casona: Website Corporativo
• Resources and Productivity: Website Corporativo
• Aironpetrol: Website Corporativo
• Amay: Website Corporativo
• Entre otros

Github stats

Contributions

Most used Languages

Activity

Personal notes

• MDX File in astro as content vs md file
• The Repository pattern is called Data Layer Architecture
• Preflight request and Cors
• Paginator in astro
• Repository pattern in frontend
• The microfrontend Architecture is not Decoupled is Resilient
• Simplified Explanation of the Singleton Design Pattern
• Efficient and Effective Use of the <img> Tag with srcset and sizes Attributes
• Micro Frontend Architecture
• Workbox
• Tag link
• Workbox
• Content Security Policy (CSP)

Medium blog posts

• Arquitectura de Micro Frontend: Trabaja inteligentemente, no más duro
• Work Smarter, Not Harder: Micro Frontend Architecture
• Atributos srcset y sizes en un tag de imagen <img>
• Tag link y como usar media en el para optimizar performance de css descargado
• Problemas comunes de integración front-end Content Security Policy (CSP) parte 2
• Problemas comunes de integración desde el front end parte 1 (CORS + Solicitud de verificación…
• Attributes srcset + sizes in <img> tag
• Media in link style
• Really common issues integrating from front-end part 2 Content Security Policy (CSP)
• Really common issues integrating from front part 1 (CORS + Preflight Request )

bootstrapnavwalker's Issues

Working with Bootstrap 4?

Hey and gracias por esto.

The src file here doesn't seem to be working quite right with Bootstrap 4 ([email protected]).

Output Bootstrap wants is like

<ul class="nav navbar-nav">
    <li class="nav-item"><a class="nav-link" href="#">Link 1</a></li>

    <li class="nav-item"><a class="nav-link" href="#">Link 2</a></li>

    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
        aria-haspopup="true" aria-expanded="false">Dropdown</a>

        <div class="dropdown-menu" aria-labelledby="Preview">
            <a class="dropdown-item" href="#">Dropdown Link 1</a> <a class="dropdown-item"
            href="#">Dropdown Link 2</a> <a class="dropdown-item" href="#">Dropdown Link
            3</a>
        </div>
    </li>
</ul>

But the class is generating

<ul id="menu-teccli" class="nav navbar-nav">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1388">
    <a href="#">View Dev Details</a>

        <ul class="sub-menu"></ul>
    </li>

    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1389">
    <a href="#">Latest Articles,
    Thoughts &amp; Stories</a></li>

    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1390">
    <a href="#">Hello Three Worlds</a></li>
</ul>