<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>
      Julien CROUZET - Senior Web Developer & DevOps (Go, Typescript, React)
    </title>
    <meta
      name="keywords"
      content="developer, Go, Golang, Typescript, React, Devops"
    />
    <meta name="description" content="" />
    <meta name="author" content="Julien CROUZET" />

    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
    <link
      rel="apple-touch-icon"
      sizes="72x72"
      href="img/apple-touch-icon-72x72.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="114x114"
      href="img/apple-touch-icon-114x114.png"
    />

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link
      rel="stylesheet"
      type="text/css"
      href="fonts/font-awesome/css/font-awesome.css"
    />

    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
    <link
      href="//fonts.googleapis.com/css?family=Lato:400,700,900,300"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="//fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300"
      rel="stylesheet"
      type="text/css"
    />
    <script type="text/javascript" src="js/modernizr.custom.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
    <!-- Header -->
    <header id="header">
      <div class="intro text-center">
        <div class="overlay">
          <div class="container">
            <div class="row">
              <div class="intro-text">
                <h1>Julien CROUZET</h1>
                <p>Senior Web Developer & DevOps</p>
                <a href="#about" class="btn btn-default btn-lg page-scroll"
                  >Learn More</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <!-- Navigation -->
    <div id="nav">
      <nav class="navbar navbar-custom">
        <div class="container">
          <div class="navbar-header">
            <button
              type="button"
              class="navbar-toggle"
              data-toggle="collapse"
              data-target=".navbar-main-collapse"
            >
              <i class="fa fa-bars"></i>
            </button>
          </div>

          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse navbar-main-collapse">
            <ul class="nav navbar-nav">
              <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
              <li class="hidden"><a href="#page-top"></a></li>
              <li><a class="page-scroll" href="#page-top">Home</a></li>
              <li><a class="page-scroll" href="#about">About</a></li>
              <li><a class="page-scroll" href="#skills">Skills</a></li>
              <li><a class="page-scroll" href="#portfolio">Portfolio</a></li>
              <li>
                <a class="page-scroll" href="#testimonials">Testimonials</a>
              </li>
              <li><a class="page-scroll" href="#contact">Contact</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
    <!-- About Section -->
    <div id="about">
      <div class="container">
        <div class="section-title text-center center">
          <h2>About Me</h2>
          <hr />
        </div>
        <div class="row">
          <div class="col-xs-12 col-md-6">
            <img src="img/about.jpg" class="img-responsive" alt="" />
          </div>
          <div class="col-xs-12 col-md-6">
            <div class="about-text">
              <p>
                I started developing in the 90's, professionally in 2002, mostly
                in a Web context.
              </p>
              <p>
                I worked as a freelancer and as an employee, faced challenges
                and coded solutions with a computer.
              </p>
              <p>
                I developed in C, C++, Perl, PHP, C#, Python, Javascript, etc. I
                can easilly adapt to any language (<i>except Java</i>). Actually
                my favorite stack is Go, gRPC, Typescript+React+Redux+Saga
              </p>
              <p>
                I also got skills with system administration and devops ; Linux,
                Docker, Kubernetes, SaltStack, Terraform, etc.
              </p>
              <p>
                I also like to share what I know, I hosted and keynoted at
                Meetups, like
                <a href="//www.youtube.com/watch?v=kZ2cYyKO0GM"
                  >Modern DevOps Paris</a
                >
                and
                <a
                  href="//www.meetup.com/fr-FR/Golang-Paris/events/256907067/"
                  >Golang Paris</a
                >.
              </p>
              <a href="#portfolio" class="btn btn-primary btn-lg page-scroll"
                >My Portfolio</a
              >
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Skills Section -->
    <div id="skills" class="text-center">
      <div class="container">
        <div class="section-title center">
          <h2>Skills</h2>
          <hr />
        </div>
        <div class="row">
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="95">
              <span class="percent">95</span>
            </span>
            <h4>Go</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="95">
              <span class="percent">95</span>
            </span>
            <h4>Typescript</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="95">
              <span class="percent">95</span>
            </span>
            <h4>Node.js</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="95">
              <span class="percent">95</span>
            </span>
            <h4>React, Redux, Saga</h4>
          </div>
        </div>
        <div class="row">
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="90">
              <span class="percent">90</span>
            </span>
            <h4>SaltStack</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="95">
              <span class="percent">95</span>
            </span>
            <h4>Docker</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="85">
              <span class="percent">85</span>
            </span>
            <h4>Kubernetes</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="95">
              <span class="percent">95</span>
            </span>
            <h4>Linux Sysops</h4>
          </div>
        </div>
        <div class="row">
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="80">
              <span class="percent">80</span>
            </span>
            <h4>PHP</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="60">
              <span class="percent">60</span>
            </span>
            <h4>Python</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="90">
              <span class="percent">90</span>
            </span>
            <h4>gRPC</h4>
          </div>
          <div class="col-md-3 col-sm-6 skill">
            <span class="chart" data-percent="90">
              <span class="percent">90</span>
            </span>
            <h4>Rest</h4>
          </div>
        </div>
      </div>
    </div>
    <!-- Portfolio Section -->
    <div id="portfolio">
      <div class="container">
        <div class="section-title text-center center">
          <h2>Portfolio</h2>
          <hr />
        </div>

        <div class="categories">
          <ul class="cat">
            <li>
              <ol class="type">
                <li><a href="#" data-filter="*" class="active">All</a></li>
                <li><a href="#" data-filter=".webDev">Web</a></li>
                <li><a href="#" data-filter=".devOps">DevOps</a></li>
                <li><a href="#" data-filter=".projectMgt">Management</a></li>
                <li><a href="#" data-filter=".go">Go</a></li>
                <li><a href="#" data-filter=".typescript">Typescript</a></li>
                <li><a href="#" data-filter=".php">PHP</a></li>
              </ol>
            </li>
          </ul>
          <div class="clearfix"></div>
        </div>

        <div class="row">
          <div class="portfolio-items">
            <div class="col-sm-6 col-md-3 col-lg-3 webDev devOps go typescript">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.yacast.fr/fr/archiver.php"
                    title="MediaArchiver - Yacast"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>MediaArchiver - Yacast</h4>
                      <small
                        >Developed a medias archiving solution (front and
                        back)</small
                      >
                    </div>
                    <img
                      src="img/portfolio/01.jpg"
                      class="img-responsive"
                      alt="MediaArchiver - Yacast"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 webDev devOps go typescript">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.yacast.fr/"
                    title="Hyperion - Yacast"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>Hyperion - Yacast</h4>
                      <small
                        >Developed a media captation and archiving platform (FM,
                        TNT, satellite, web streams, etc.)</small
                      >
                    </div>
                    <img
                      src="img/portfolio/06.jpg"
                      class="img-responsive"
                      alt="Hyperion - Yacast"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 webDev devOps go typescript">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.easybroadcast.fr/"
                    title="WebRTC P2P Video Broadcast - EasyBroadcast"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>WebRTC P2P Video Broadcast - EasyBroadcast</h4>
                      <small
                        >Developed a P2P library and server to broadcast
                        videos</small
                      >
                    </div>
                    <img
                      src="img/portfolio/02.jpg"
                      class="img-responsive"
                      alt="WebRTC P2P Video Broadcast - EasyBroadcast"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div
              class="col-sm-6 col-md-3 col-lg-3 webDev devOps projectMgt php"
            >
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://moto-station.com/"
                    title="Optimization - Moto-Station"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>Optimization - Moto-Station</h4>
                      <small
                        >Developed solutions and managed several optimizations
                        (SEO, response time, hosting)</small
                      >
                    </div>
                    <img
                      src="img/portfolio/04.jpg"
                      class="img-responsive"
                      alt="Optimization - Moto-Station"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 webDev node">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.tf1.fr/"
                    title="AdServing - TF1"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>AdServing - TF1</h4>
                      <small
                        >Developed an ad serving solution for OTT and IPTV
                        boxes</small
                      >
                    </div>
                    <img
                      src="img/portfolio/11.jpg"
                      class="img-responsive"
                      alt="AdServing - TF1"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div
              class="col-sm-6 col-md-3 col-lg-3 webDev projectMgt go node devOps"
            >
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.tf1.fr/"
                    title="Node.js, then Go migrations - TF1"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>Node.js, then Go migrations - TF1</h4>
                      <small
                        >Developed a Framework and managed the Node.js, then the
                        Go migrations of the TF1 web team</small
                      >
                    </div>
                    <img
                      src="img/portfolio/03.jpg"
                      class="img-responsive"
                      alt="Node.js, then Go migration - TF1"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div
              class="col-sm-6 col-md-3 col-lg-3 webDev projectMgt typescript php node"
            >
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.nrj.fr/"
                    title="WebRadios players - NRJ"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>WebRadios players - NRJ</h4>
                      <small
                        >Developed the NRJ's webradio players for desktop and
                        managed the mobile application development</small
                      >
                    </div>
                    <img
                      src="img/portfolio/05.jpg"
                      class="img-responsive"
                      alt="WebRadios players - NRJ"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 projectMgt">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.nrj.fr/"
                    title="CTO - NRJ"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>CTO - NRJ</h4>
                      <small>CTO (and COO) of the digital teams of NRJ</small>
                    </div>
                    <img
                      src="img/portfolio/12.jpg"
                      class="img-responsive"
                      alt="CTO - NRJ"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 webDev projectMgt php">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.e-marketing.fr/Thematique/social-media-1096/Breves/Plateforme-Love-Make-Gemey-Maybelline-179469.htm"
                    title="We Love Make-Up - Gemey-Maybelline"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>We Love Make-Up - Gemey-Maybelline</h4>
                      <small
                        >Developed a social network with a make-up thematic for
                        a L'Oreal brand</small
                      >
                    </div>
                    <img
                      src="img/portfolio/07.jpg"
                      class="img-responsive"
                      alt="We Love Make-Up - Gemey-Maybelline"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 webDev projectMgt php">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.ouicar.fr/"
                    title="CTO - Zilok"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>CTO - Zilok</h4>
                      <small
                        >Developed a c2c renting platform, bought by SNCF,
                        became OuiCar</small
                      >
                    </div>
                    <img
                      src="img/portfolio/08.jpg"
                      class="img-responsive"
                      alt="CTO - Zilok"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 webDev projectMgt devOps">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.synten.com/"
                    title="System administration - Synten"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>System administration - Synten</h4>
                      <small
                        >System administration of a large amount of servers
                        (Linux & Win NT), network, hosting</small
                      >
                    </div>
                    <img
                      src="img/portfolio/09.jpg"
                      class="img-responsive"
                      alt="System administration - Synten"
                    />
                  </a>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-3 col-lg-3 webDev projectMgt php">
              <div class="portfolio-item">
                <div class="hover-bg">
                  <a
                    href="https://www.societe.com/societe/theoconcept-484046297.html"
                    title="Founder/CTO - Theoconcept"
                    target="_portfolio"
                  >
                    <div class="hover-text">
                      <h4>Founder/CTO - Theoconcept</h4>
                      <small
                        >Founder and CTO of a company specialized in video
                        encoding and analysis (copyright infringements,
                        broadcast, ...)</small
                      >
                    </div>
                    <img
                      src="img/portfolio/10.jpg"
                      class="img-responsive"
                      alt="Founder/CTO - Theoconcept"
                    />
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Achievements Section -->
    <div id="achievements" class="text-center">
      <div class="container">
        <div class="section-title center">
          <h2>Some Stats</h2>
          <hr />
        </div>
        <div class="row">
          <div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="200ms">
            <div class="achievement-box">
              <span class="count">19</span>
              <h4>Years of pro. experience</h4>
            </div>
          </div>
          <div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="400ms">
            <div class="achievement-box">
              <span class="count">21</span>
              <h4>Happy employers & clients</h4>
            </div>
          </div>
          <div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="600ms">
            <div class="achievement-box">
              <span class="count">64</span>
              <h4>Average daily git operations</h4>
            </div>
          </div>
          <div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="800ms">
            <div class="achievement-box">
              <span class="count">1</span>
              <h4>Child</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Testimonials Section -->
    <div id="testimonials" class="text-center">
      <div class="container">
        <div class="section-title center">
          <h2>Testimonials</h2>
          <hr />
        </div>
        <div class="row">
          <div class="col-md-10 col-md-offset-1">
            <div class="row testimonials">
              <div class="col-sm-4">
                <blockquote>
                  <i class="fa fa-quote-left"></i>
                  <p>
                    I have hired Julien as CTO of ENRJ, and this choice is
                    proving to be the ideal one for the team. He's deeply
                    plugged into industry trends and players, and makes solid
                    recommendations for using new technology to address business
                    needs. He provides an extremely well-balanced mix of deep
                    technical expertise, years of product experience and
                    industry know-how, perfect business acumen, curiosity and
                    top of the class interaction skills. Julien can skillfully
                    translate technology to a non-tech audience, he likes to be
                    hands on any new project to help his team to better and
                    faster integrate the needs, and building new solutions from
                    scratch is his preferred challenge. Last but not least, he
                    is always fun to work with! I am open to direct contact via
                    LinkedIn from anyone interested in a more detailed
                    recommendation.
                  </p>
                  <div class="clients-name">
                    <p>
                      <strong>Laurence Bricteux</strong><br />
                      <em>CEO Simplon PACA & Apple Foundation Program</em>
                    </p>
                  </div>
                </blockquote>
              </div>
              <div class="col-sm-4">
                <blockquote>
                  <i class="fa fa-quote-left"></i>
                  <p>
                    Julien have lots of very good technicals skills and always
                    deliver on time.
                  </p>
                  <div class="clients-name">
                    <p>
                      <strong>Nicolas Theraroz</strong><br />
                      <em>CTO, eTF1</em>
                    </p>
                  </div>
                </blockquote>
                <blockquote>
                  <i class="fa fa-quote-left"></i>
                  <p>
                    Julien is a brillant technical director, he is not only a
                    technical expert on many domains but also a good manager and
                    an amazing entrepreneur with knowledges on marketing, sales,
                    law, etc ... .Building a company with him was a real
                    pleasure and I will blindfolded recommend him to anybody
                  </p>
                  <div class="clients-name">
                    <p>
                      <strong>Fréderic Robinet Theraroz</strong><br />
                      <em>CTO, ViaNova</em>
                    </p>
                  </div>
                </blockquote>
              </div>
              <div class="col-sm-4">
                <blockquote>
                  <i class="fa fa-quote-left"></i>
                  <p>
                    Julien is one of the best lead developer/software architect,
                    and more generally one of the most competent people with I
                    had the opportunity to work. His vast experience gives him
                    the necessary distance to understand the essence of all new
                    languages and technologies. We have always been able to work
                    together to build scalable, efficient and ops friendly
                    architectures. It definitively embraces all the of the good
                    of the "devops" culture. Julien certainly can get my full
                    recommendation.
                  </p>
                  <div class="clients-name">
                    <p>
                      <strong>Raphaël Mazelier</strong><br />
                      <em>Head Of Infrastructure, Meilleurs Agents</em>
                    </p>
                  </div>
                </blockquote>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Contact Section -->
    <div id="contact" class="text-center">
      <div class="overlay">
        <div class="container">
          <div class="section-title center">
            <h2>Get In Touch</h2>
            <hr />
          </div>
          <div class="col-md-8 col-md-offset-2">
            <div class="social">
              <ul>
                <li>
                  <a href="https://github.com/jucrouzet"
                    ><i class="fa fa-github"></i
                  ></a>
                </li>
                <li>
                  <a href="https://www.linkedin.com/in/jucrouzet/"
                    ><i class="fa fa-linkedin"></i
                  ></a>
                </li>
                <li>
                  <a href="mailto:contact@juliencrouzet.fr"
                    ><i class="fa fa-envelope"></i
                  ></a>
                </li>
              </ul>
            </div>
            +33/0 6 98 36 88 47
          </div>
        </div>
      </div>
    </div>
    <div id="footer">
      <div class="container text-center">
        <div class="fnav">
          <p>
          </p>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="js/jquery.1.11.1.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/SmoothScroll.js"></script>
    <script type="text/javascript" src="js/easypiechart.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.isotope.js"></script>
    <script type="text/javascript" src="js/jquery.counterup.js"></script>
    <script type="text/javascript" src="js/waypoints.js"></script>
    <script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
    <script type="text/javascript" src="js/contact_me.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script>
      (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        (i[r] =
          i[r] ||
          function () {
            (i[r].q = i[r].q || []).push(arguments);
          }),
          (i[r].l = 1 * new Date());
        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m);
      })(
        window,
        document,
        'script',
        '//www.google-analytics.com/analytics.js',
        'ga'
      );

      ga('create', 'UA-4089956-11', 'auto');
      ga('send', 'pageview');
    </script>
  </body>
</html>
