serkan onal hero section picture

Hi there I'm

Serkan Onal

Welcome to my Portfolio. I am a Frontend Software Developer, I love to design/ build websites.

About Me

serkan onal about me picture

Serkan Onal

I am a Frontend software developer.

I enjoy design/ building websites! I am currently undertaking a Bootcamp with EDX. Once i graduate i will use my learnt skills in the professional world.

My Work

Horiseon project image
Horiseon Project

In this project was tasked with optimising the semantics of the website and improve the SEO. I also performed code optimisation to ensure that the page loads effectively. Please check out live site or repository via links below:

serkan onal html css portfolio project image
HTML/CSS Portfolio Project

In this project i built an entire portfolio using both HTML/ CSS. I used both CSS Flexboxes and grids to achieve this design, in addition i used CSS to style this website. Please check out live site or repository via links below:

Place holder image for empty project
Project 3 - Coming Soon...

No project as of yet, coming soon......

My Skills

HTML

I excel in crafting web pages with a strong emphasis on semantic HTML. By strategically using elements, I ensure that the structure of the content is not only well-organized for developers but also conveys meaning to assistive technologies for improved accessibility.

  • Semantic HTML
  • HTML5 Features
  • Responsive Web Design
  • Forms and User Interaction
  • Accessibility Best Practices
  • Cross-Browser Compatibility
  • Meta Tags and SEO Optimization
  • Data Tables
  • SVG Integration
  • Custom Data Attributes

CSS

I specialize in crafting responsive and mobile-friendly designs through the use of media queries. This ensures a seamless user experience across a variety of devices and screen sizes, enhancing accessibility and user engagement.

  • Responsive Design with Media Queries
  • Flexbox Layout
  • Grid Layout
  • CSS Transitions
  • CSS Animations
  • Transforms and Transitions
  • Box Model Mastery
  • Selectors and Specificity
  • CSS Variables
  • CSS Preprocessors (e.g., Sass, Less)

Git/Github

As a developer, I possess robust skills in utilizing Git, the industry-standard version control system. Git is at the core of my collaborative development workflow, allowing for efficient project management and seamless collaboration. Here's how my Git skills contribute to effective version control:

  • Initializing a Git Repository
  • Cloning Repositories
  • Committing Changes
  • Branching and Merging
  • Resolving Merge Conflicts
  • Working with Remotes
  • Git Hooks
  • Undoing Changes with Git
  • Tagging and Releasing Versions
  • Git Workflow Strategies (e.g., Gitflow)

Bootstrap

As a web developer, I bring a comprehensive understanding of Bootstrap, a powerful front-end framework that significantly enhances the efficiency and aesthetics of web development. My proficiency in Bootstrap is pivotal to creating responsive, visually appealing, and feature-rich user interfaces. Here's how my Bootstrap skills contribute to effective web design:

  • Understanding the Bootstrap Grid System
  • Responsive Design with Bootstrap
  • Bootstrap Components (Navbar, Cards, Modals, etc.)
  • Customizing Bootstrap Styles
  • Working with Bootstrap Forms
  • Utilizing Bootstrap Utilities
  • Integration of Bootstrap JavaScript Plugins
  • Bootstrap Theming and Customization
  • Responsive Typography with Bootstrap
  • Using Bootstrap with CSS Preprocessors (Sass, Less)

JavaScript

As a dedicated web developer, I possess a comprehensive skill set in JavaScript, the cornerstone of dynamic and interactive web development. My proficiency in JavaScript empowers me to create robust, client-side functionalities that enhance user experiences. Here's how my JavaScript skills contribute to effective web development:

  • Variables and Data Types
  • Control Flow (if statements, loops)
  • Functions and Scope
  • Arrays and Objects
  • DOM Manipulation
  • Event Handling
  • Asynchronous JavaScript (Promises, Async/Await)
  • AJAX and Fetch API
  • ES6+ Features (Arrow Functions, Destructuring, etc.)
  • Modern JavaScript Frameworks (React, Vue, Angular)

React

As a dedicated web developer, I bring extensive expertise in React, a powerful and widely adopted JavaScript library for building user interfaces. My proficiency in React enables me to craft dynamic, efficient, and scalable web applications that prioritize a seamless user experience. Here's how my React skills contribute to effective web development:

  • Creating React Components
  • Understanding JSX (JavaScript XML)
  • State and Props Management
  • React Hooks (useState, useEffect, etc.)
  • React Router for Navigation
  • Handling Forms in React
  • Stateful vs Stateless Components
  • Managing Component Lifecycle
  • React Context for State Management
  • Integration with RESTful APIs