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 @ lennyroyrobles@gmail.com
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
Contact
lennyroyrobles@gmail.com
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
- Dolor pulvinar etiam.
- Etiam vel felis viverra.
- Felis enim feugiat.
- Dolor pulvinar etiam.
- Etiam vel felis lorem.
- 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 |