John Tsevdos

Hi, I’m a software engineer from Athens 🇬🇷 and huge fan of Jamstack. I'm working full-time at Epignosis and I'm sharing my JavaScript and React knowledge at Code.Hub and Social Hackers Academy! Say hello or keep scrolling!

Bio

Learn more about me


I'm a lead front-end developer that hand-crafts usable, elegant and effective web applications. I'm currently working at Epignosis an eLearning solutions company with 3 products, TalentLMS, eFront and TalentCards. I have over 12 years of experience in front-end technologies and love working with TypeScript and JavaScript.

The last 4 years, I've been enjoying building components with React using various state management tools (such as redux, MobX, recoil and zustand) and of course react's extensive ecosystem ( React Router, React Query, styled-components and emotion.js, immer, recompose, redux-saga, reselect, reactstrap, material UI, Ant Design and many more). I'm also trying to learn Rust and improve my knowledge in functional and reactive programming by using / learning relevant languages and libraries such as Elm, ramda.js and RxJS. Finally, I have hands-on experience in many other JavaScript frameworks and libraries such as Vue.js, Angular, svelte, backbone.js, jQuery, underscore and lodash, axios, moment.js and many more.

On the backend stack, I love working with node.js, Next.js and express, but I also have decent knowledge in PHP, Ruby (and Rails) and of course on various SQL and NoSQL databases such as MongoDB, PostgreSQL, MySQL and Fauna DB. I'm also a huge fan of Linux OS (currently using Ubuntu), git, agile methodologies and always trying to do as much of TDD (Test-Driven Development) as possible.

Projects

I code stuff


React-validatus (npm package)

A simple to use and light-weight React validator component.

RepoCompare project screenshot

RepoComparemore_vert

RepoCompareclose

With Repocompare you can quickly and easily search and compare Github repositories on stars, forks, issues and subscribers.

Read more...
Greek in Tech project screenshot

Greek in Techmore_vert

Greek in Techclose

A single-page application (SPA) that displays greek words we use in technology. Check out how many they are!

Read more...

Knowledge sharing

I ️️❤️ being a mentor, teacher and of course student


Code.Hub: React Fundamentals

Code.Hub runs a variety of activities for software engineers and developers such as trainings and hackathons.

I am responsible for teaching the React Fundamentals training. The specific training includes 30 hours of lectures, workshops and a final project submission. Some of the topics covered are the below:

  • SPA (single page applications)
  • ES6
  • NPM Package manager
  • Git basics
  • What is React
  • Core principles
  • JSX
  • Components
  • Props and PropTypes
  • State
  • Lifecycle methods
  • React Hooks
  • Children
  • Event handlers
  • Forms
  • HTTP requests
  • Refs / DOM manipulation
  • React and CSS
  • Styled Components
  • Presentational and Container components
  • HoC and render props
  • React Router
  • ReactStrap
  • React dev tools
  • Debugging
  • Reconciliation
  • Project presentation

Code.Hub: React MasterClass

Code.Hub runs a variety of activities for software engineers and developers such as trainings and hackathons.

I am responsible for teaching the React MasterClass training. The specific training includes 30 hours of lectures, workshops and a final project submission. Some of the topics covered are the below:

  • SPA (single page applications)
  • ES6
  • NPM Package manager
  • Compilers/Bundlers (Babel/Webpack)
  • Presentational and Container components
  • HoC and render props
  • React Hooks
  • React Context
  • React.lazy and Suspense
  • React Portals
  • Redux
  • Store
  • Actions and action creators
  • Reducers
  • Selectors
  • Middleware
  • Sagas
  • Mobx
  • React Router
  • Deployment
  • Testing react components (Jest - react testing library)
  • Project presentation

Social Hackers Academy

Social Hackers Academy is a Non Profit Organization based in Athens, Greece. It's mission is to educate, find work and help integrate refugees and vulnerable groups.

I'm supporting their cause by teaching JavaScript and React. Feel free to support their cause!!!

Blogs

I write stuff


Phrappe

My tech blog.

Tsevdos.com

My greek tech blog

Public speaking

Presentations and Talks


Cypress in 10 minutes

Date: 2018, September
Place: Ministry of Testing Athens Meetup #3

A quick introduction and demo on Cypress testing tool. My presentation starts at 32'.

Responsive Web Design and touch devices

Date: 2013, June
Place: JoomlaDay conference, Athens, Greece

The presentation covered aspects of responsive web design on touch devices, touch device problems and solutions, touch events and frameworks, mobile patterns and more.

Pragmatic Responsive Web Design

Date: 2013, March
Place: JoomlaFrappe conference, Athens, Greece

The presentation covered many aspects of responsive web design, like workflow, tools, and tips.

Pragmatic Responsive Web Design

Date: 2012, December
Place: UpNorth web conference, Thessaloniki, Greece

The presentation covered many aspects of responsive web design, like workflow, tools, and tips.

Drupal Tips 'n Tricks

Date: 2010, September
Place: DrupalCamp conference, Athens, Greece

The presentation covered many Drupal CMS related tips and tricks on design and development.

My Abandonware

Projects I no longer support / maintain. Feel free to fork and update them!


Ambrosia theme screenshot

Ambrosia Wordpress theme

Ambrosia Wordpress themeclose

A minimal, modern and adaptive Wordpress theme.

Read more...
Whitepress theme screenshot

Whitepress Wordpress theme

Whitepress Wordpress themeclose

An accessible, super clean, minimalistic Wordpress theme.

Read more...

nwrapper jQuery plugin

A jQuery plugin that allows you to wrap every n elements (a wrap()-like method on steroids).