Intro

Developer & Teacher

My name is Lennyroy Robles and I love to find elegant solutions to complex problems. I am a fullstack web developer focusing on front-end JavaScript frameworks(React) and cutting edge Web Design(SASS, CSS Grid).

I am also a JavaScript teacher specializing in introductory coding courses serving 5th-9th grade students. I personally believe that anyone who wants to learn coding should have access to the resources available to do so. Computer science and the economic opportunities it affords are crucial in today's economy, and introducing more young women and P.O.C to coding is a lifelong passion of mine.

Get in touch @

Web presence in 2019 is more important than ever, Let's get in touch and talk about your vision for your site!

While you are here, check out my awesome work!

Work

The Basics Course & Website

Created an 8 week course on introductory web development concepts.

Subjects Covered

  • HTML & CSS
  • Flexbox
  • Responsive Design
| The Basics | Github Repo | Lesson 1 Slide |

The Basics Podcast

I am producing a series of short podcast episodes to accompany the web development course I created. It has short walkthrough of certain concepts.

Link: The Basics Podcast

Intro to Web Development Course

The first web development course I ever created. This course uses Glitch heavily to introduce students to the world of web development.

Link: Intro To Web Development Course

Chingu-Voyage Project

I worked with a team of remote developers to hand-code this clone of the TickyBot Slack Extension! Through collaboration and mastery of GIT, we were able to pull together our resources and produce this pixel-perfect recreation in less than 3 weeks.

Technology

  • HTML5 / CSS3
  • jQuery / Smooth Scroll
  • CSS Grid / Flexbox
Click here to read a Medium piece about this project!

Link: TickyBot

2Chainz Project

Successfully translated PSD file into pixel perfect HTML. I am very comfortable managing assets in PhotoShop in order to create finished products that matches a client’s vision.

Technology

  • SASS / Grunt / Autocomplier
  • CSS Grid / Flexbox
  • PhotoShop / Colorzilla

Link: 2 Chainz

Spring Showcase Website

Final project for students in Spring 2018.

Link: Spring Showcase

Showcase Website

In my role as an instructor for coding and podcasing in a NYC public school, I was tasked with making a website to house all the end-of-year projects by our students.

Technology

  • Curriculum Building
  • Presentation & Public Speaking Skills
  • Code.Org App Builder

Link: Showcase Website

Ajax Radiohead Site

Quick project using Ajax.

Link: AJAX Radiohead Site

E-Commerce Website

Part of a code challenge to create a basic layout for an ecommerce site.

Link: ECommerce Site

Chores App

Creating code in order to get my roomates to do their chores!

Link: 83 Palisade Chores

Donut Shop

In this project, I created a layout for a fictional Donut Shop. Mastered clearfix, floats and other testy grey areas in traditional CSS design.

Technology

  • Clearfix
  • Float based design
  • Skills maintaing legacy code

Link: Donut Shop

Election Map

In this project, I used JavaScript fundamentals to create a fully functional election map. Mastered the concept of "this" using vanilla JavaScript and developed a passion for understanding the language under-the-hood.

Technology

  • Vanilla JavaScript & "this" binding
  • API Integration
  • HTML5

Link: Election Map

Check out my GitHub for all the code and more projects!

Courses

For Beginners

Intro to Web Development

The Basics

Podcast

Audio production and storytelling are other interests of mine. I spend time teaching podcasting professionally as well as producing my own original content.

Various podcast projects in development

Lennyroy Codes Podcast

Lennyroy Codes Podcast

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form