2024-02-05 06:37:21 +00:00
<!doctype html>
<!-- [if lt IE 7]> <html class="no - js lt - ie9 lt - ie8 lt - ie7" lang=""> <![endif] -->
<!-- [if IE 7]> <html class="no - js lt - ie9 lt - ie8" lang=""> <![endif] -->
<!-- [if IE 8]> <html class="no - js lt - ie9" lang=""> <![endif] -->
<!-- [if gt IE 8]><! -->
< html class = "no-js" lang = "" > <!-- <![endif] -->
2024-02-05 22:05:09 +00:00
< head >
2024-02-05 06:37:21 +00:00
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
2024-02-05 22:05:09 +00:00
< title > Batuhan Berk Başoğlu< / title >
2024-02-05 06:37:21 +00:00
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "apple-touch-icon" href = "../apple-touch-icon.png" >
< link rel = "stylesheet" href = "../css/bootstrap.min.css" >
< link rel = "stylesheet" href = "../css/bootstrap-theme.min.css" >
< link rel = "stylesheet" href = "../css/styles.css" >
< script src = "../js/vendor/modernizr-3.6.0-respond-1.4.2.min.js" > < / script >
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="angionymous">
< / head >
< body >
<!-- [if lt IE 8]>
< p class = "browserupgrade" > You are using an < strong > outdated< / strong > browser. Please < a href = "http://browsehappy.com/" > upgrade your browser< / a > to improve your experience.< / p >
<![endif]-->
< nav class = "nav" >
< div class = "burger" >
< div class = "burger__patty" > < / div >
< / div >
< ul class = "nav__list" >
< li class = "nav__item" >
< a href = "#home" class = "nav__link c-blue" > < img src = "../img/home-icon.png" alt = "" > < / a >
< / li >
< li class = "nav__item" >
< a href = "#links" class = "nav__link c-yellow scrolly" > < img src = "../img/link-icon.png" alt = "" > < / a >
< / li >
< li class = "nav__item" >
< a href = "#skills" class = "nav__link c-red" > < img src = "../img/skills-icon.png" alt = "" > < / a >
< / li >
< li class = "nav__item" >
< a href = "#experience" class = "nav__link c-green" > < img src = "../img/work-icon.png" alt = "" > < / a >
< / li >
< li class = "nav__item" >
< a href = "#projects" class = "nav__link c-red" > < img src = "../img/projects-icon.png" alt = "" > < / a >
< / li >
< li class = "nav__item" >
< a href = "#education" class = "nav__link c-red" > < img src = "../img/education-icon.png" alt = "" > < / a >
< / li >
< li class = "nav__item" >
< a href = "#contact" class = "nav__link c-green" > < img src = "../img/contact-icon.png" alt = "" > < / a >
< / li >
< / ul >
< / nav >
< div class = "dropdown" >
< button class = "dropbtn" >
< img src = "../img/tr.png" width = "20" height = "15" > Türkçe
< / button >
< div class = "dropdown-content" >
< a href = "../index.html" >
< img src = "../img/en.png"
width="20" height="15"> English< / a >
< a href = "../fr/index.html" >
< img src = "../img/fr.png"
width="20" height="15"> Français< / a >
< a href = "../es/index.html" >
< img src = "../img/es.png"
width="20" height="15"> Español< / a >
< / div >
< / div >
< section class = "panel b-blue" id = "home" >
< article class = "panel__wrapper" >
< div class = "panel__content" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< div class = "home-content" >
< div class = "home-heading" >
2024-03-06 05:46:10 +00:00
< h1 > < em > Batuhan Berk Başoğlu< / em > < br > Yazı lı m Gelİştİrİcİ< / h1 >
2024-02-05 06:37:21 +00:00
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "home-box-content" >
< div class = "left-text" >
2024-02-05 22:05:09 +00:00
< h4 > Hakkı mda< / h4 >
< p > Web geliştirme, tasarı m ve kodlama konusunda kapsamlı bilgi birikiminin yanı sı ra çok çeşitli programlama dilleri,
çerçeveleri ve araçları konusunda deneyime sahip Motivasyonlu Yazı lı m Geliştiricisiyim. Uygulamaları , web sitelerini ve
web hizmetlerini geliştirme ve dağı tmada kanı tlanmı ş başarı sahibiyim. Son derece organize ve detay odaklı ,
zorlu sorunlara yaratı cı çözümler bulma becerisine sahibim.
2024-02-05 06:37:21 +00:00
< / p >
< div class = "primary-button" >
2024-03-06 05:46:10 +00:00
< a href = "../resume/CV_Batuhan.pdf" > Özgeçmİşİ İndİr< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< div class = "right-image" >
< img src = "../img/batuhan-basoglu.jpg" alt = "" >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
< section class = "panel b-yellow" id = "links" >
< article class = "panel__wrapper" >
< div class = "panel__content" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< div class = "about-content" >
< div style = "padding-top: 10%;" class = "heading" >
2024-02-05 22:05:09 +00:00
< h4 > Linkler< / h4 >
2024-02-05 06:37:21 +00:00
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "about-box-content" >
< img src = "../img/social.jpg" alt = "" >
< / div >
< / div >
< div class = "col-md-7 col-md-offset-5" >
< div class = "about-box-text" >
2024-03-26 20:46:54 +00:00
< h4 > Sosyal Medya< / h4 >
2024-02-05 06:37:21 +00:00
< ul class = "fa-ul" >
< li >
2024-03-06 04:07:05 +00:00
< i class = "fa fa-wordpress" > < / i > < a href = "https://arcticpress.basoglu.co/" > Blog< / a >
2024-02-05 06:37:21 +00:00
< / li >
< li >
2024-03-06 04:07:05 +00:00
< i class = "fa fa-linkedin" > < / i > < a href = "https://www.linkedin.com/in/batuhan-basoglu/" > LinkedIn< / a >
2024-02-05 06:37:21 +00:00
< / li >
< li >
2024-03-06 04:07:05 +00:00
< i class = "fa fa-github" > < / i > < a href = "https://github.com/batuhan-basoglu" > GitHub< / a >
2024-02-05 06:37:21 +00:00
< / li >
2024-02-06 19:38:29 +00:00
< li >
2024-03-11 15:58:56 +00:00
< i class = "fa fa-youtube-play" > < / i > < a href = "https://www.youtube.com/@batuhan-basoglu" > YouTube< / a >
2024-02-06 19:38:29 +00:00
< / li >
2024-02-05 06:37:21 +00:00
< li >
< i class = "fa fa-mastodon" > < / i > < a rel = "me" href = "https://mastodon.social/@batuhan_basoglu" > Mastodon< / a >
< / li >
< / ul >
2024-03-06 05:46:10 +00:00
< h4 > İletİşİm< / h4 >
2024-02-05 06:37:21 +00:00
< ul class = "fa-ul" >
< li >
2024-03-28 01:03:48 +00:00
< i class = "fa fa-envelope" > < / i > < a href = "mailto:batuhanbasoglu@mailbox.org" > E-Mail< / a > / < a href = "../pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc" > PGP< / a >
2024-02-05 06:37:21 +00:00
< / li >
2024-03-06 04:07:05 +00:00
< li >
< i class = "fa fa-comment-o" > < / i > < a href = "https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8" > Signal< / a >
< / li >
2024-02-05 06:37:21 +00:00
< li >
< i class = "fa fa-matrix-org" > < / i > < a href = "https://matrix.to/#/@arctichawk1:mozilla.org" > Matrix< / a >
< / li >
< / ul >
2024-03-06 05:46:10 +00:00
< h4 > Bahşİş< / h4 >
2024-02-05 06:37:21 +00:00
< ul class = "fa-ul" >
< li >
< i class = "fa fa-coffee" > < / i > < a rel = "me" href = "https://ko-fi.com/batuhanbasoglu" > Ko-Fi< / a >
< / li >
< li >
< i class = "fa fa-liberapay " > < / i > < a href = "https://liberapay.com/batuhan-basoglu/" > Liberapay< / a >
< / li >
< / ul >
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "#contact" > Bana Ulaşı n< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
< section class = "panel b-yellow" id = "skills" >
< article class = "panel__wrapper" >
< div class = "panel__content" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< div class = "about-content" >
2024-03-16 16:02:15 +00:00
< div class = "heading" >
2024-02-05 22:05:09 +00:00
< h4 > Yetenekler< / h4 >
2024-02-05 06:37:21 +00:00
< / div >
< div class = "row" >
< div class = "column" >
< div class = "about-box-text" style = "margin-top: 0;" >
2024-03-06 05:46:10 +00:00
< h4 > Dİller ve Yetenekler< / h4 >
2024-02-05 06:37:21 +00:00
< ul >
< li > Git< / li >
< li > Python< / li >
< li > Java< / li >
< li > Android Studio< / li >
< li > JavaScript< / li >
< li > Visual Studio< / li >
< li > Node.js< / li >
< li > React.js< / li >
< li > Angular< / li >
< li > JQuery< / li >
< li > Bootstrap< / li >
< li > EJS< / li >
< li > Spring Framework< / li >
< li > REST APIs< / li >
< li > C< / li >
< li > C++< / li >
< li > C#< / li >
< li > .NET< / li >
< li > ASP.NET< / li >
< li > HTML< / li >
< li > CSS< / li >
< li > MySQL< / li >
< li > IIS< / li >
< li > Microsoft Azure< / li >
< li > Oracle Cloud< / li >
< li > Docker< / li >
< li > MATLAB< / li >
< li > ModelSim< / li >
< li > AutoCAD< / li >
< li > TypeScript< / li >
< li > PHP< / li >
< li > Vue< / li >
< li > Kotlin< / li >
< li > CMake< / li >
< li > Shell Scripting< / li >
< li > Quartus< / li >
< li > Microsoft Azure< / li >
< li > Roff< / li >
< li > Windows< / li >
< li > Linux< / li >
< li > Ubuntu< / li >
< li > Fedora< / li >
< li > Arch Linux< / li >
< li > Android< / li >
< li > iOS< / li >
< li > Embedded Systems< / li >
< li > FPGA< / li >
< li > HCS12< / li >
< li > Altera DE2< / li >
< li > K-CSP< / li >
2024-02-05 15:08:11 +00:00
< li > K-ECS< / li >
2024-02-05 06:37:21 +00:00
< li > Adobe After Effects< / li >
< li > Adobe Photoshop< / li >
< li > Adobe Premiere Pro< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
< section class = "panel b-red" id = "experience" >
< article class = "panel__wrapper" >
< div class = "panel__content" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< div class = "projects-content" >
< div class = "heading" >
2024-03-06 05:46:10 +00:00
< h4 > İş Tecrübesİ< / h4 >
2024-02-05 06:37:21 +00:00
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "owl-carousel owl-theme projects-container" >
< div >
< div class = "project-item" >
< a href = "../img/inovestor.jpg" data-lightbox = "image-1" > < img src = "../img/inovestor.jpg" alt = "" > < / a >
< div class = "text-content" >
< h4 > Inovestor< / h4 >
< p > (2021-2024)< / p >
2024-02-05 22:05:09 +00:00
< p > Bir web geliştiricisi olarak çalı ştı m, RPM Eco web sitesini geliştirmek için sözleşme aracı lı ğı yla çalı ştı m.
VIA Rail Canada'nı n web sitesini geliştirmek için IBM sözleşmesi aracı lı ğı yla çalı ştı m< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-03-06 05:46:10 +00:00
< a href = "https://www.inovestor.com/" > Sİteyİ Zİyaret Et< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/kargi.jpg" data-lightbox = "image-1" > < img src = "../img/kargi.jpg" alt = "" > < / a >
< div class = "text-content" >
< h4 > Kargı Building Complex< / h4 >
< p > (2021-2021)< / p >
2024-02-05 22:05:09 +00:00
< p > Yarı zamanlı olarak web geliştiricisi olarak çalı ştı m. Kargı yapı kompleksine web sitesi yaptı m. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-03-06 05:46:10 +00:00
< a href = "https://kargisitesi.com/" > Sİteyİ Zİyaret Et< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/atelye70.jpg" data-lightbox = "image-1" > < img src = "../img/atelye70.jpg" alt = "" > < / a >
< div class = "text-content" >
< h4 > Atelye70< / h4 >
< p > (2016-2016)< / p >
2024-02-05 22:05:09 +00:00
< p > Atelye70 ile ev tasarlamayı staj yaparak öğrendim.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-03-06 05:46:10 +00:00
< a href = "https://atelye70.com/" > Sİteyİ Zİyaret Et< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
< section class = "panel b-red" id = "projects" >
< article class = "panel__wrapper" >
< div class = "panel__content" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< div class = "projects-content" >
< div class = "heading" >
2024-03-06 05:46:10 +00:00
< h4 > Projeler< / h4 >
2024-02-05 06:37:21 +00:00
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "owl-carousel owl-theme projects-container" >
< div >
< div class = "project-item" >
< a href = "../img/project-17.jpg" data-lightbox = "image-2" > < img src = "../img/project-17.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > RPM Eco'nun Websİtesİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > RPM Eco ile yapı lan sözleşme kapsamı nda RPM Eco Web Sitesinde çalı ştı m. HTML, CSS,
2024-02-13 05:39:38 +00:00
.NET, C#, Node.js, Typescript, React ve MySQL kullandı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://rpm.eco" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-13.jpg" data-lightbox = "image-2" > < img src = "../img/project-13.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > VIA Raİl Canada'nı n Websİtesİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > IBM ile yapı lan sözleşme kapsamı nda VIA Rail Canada Web Sitesinde çalı ştı m. HTML,
2024-02-13 05:39:38 +00:00
CSS, .NET, C#, Node.js, Javascript, AngularJS ve MySQL kullandı m. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://reservia.viarail.ca" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
2024-02-13 05:39:38 +00:00
< div >
< div class = "project-item" >
< a href = "../img/project-20.jpg" data-lightbox = "image-2" > < img src = "../img/project-20.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > .NET Web API İle Angular< / h4 >
2024-02-13 05:39:38 +00:00
< p > Arka uç olarak bir .NET Web API yarattı m ve REST API kullarak API bilgilerini elde etmek için ön uç olarak Angular'ı kullandı m.
.NET, Angular, C#, Typescript, Node.js, HTML ve CSS kullanı larak yapı lmı ştı r.< / p >
< div class = "primary-button" >
< a href = "https://github.com/batuhan-basoglu/NET-Web-API-w-Angular" > Daha Fazlası nı Keşfet< / a >
< / div >
< / div >
< / div >
< / div >
2024-02-05 06:37:21 +00:00
< div >
< div class = "project-item" >
< a href = "../img/project-19.jpg" data-lightbox = "image-2" > < img src = "../img/project-19.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Gİt Barı ndı rma Hİzmetİm< / h4 >
2024-02-05 22:05:09 +00:00
< p > Oracle aracı lı ğı yla bir Ubuntu Linux sunucusunda barı ndı rı lan, kendi kendine barı ndı rı lan
Gitea'nı n bir çatalı olan Forgejo ile bir Git barı ndı rma Web sitesi yaptı m. Go, Javascript, Roff ve CSS kullandı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://git.batuhan.basoglu.co/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-16.jpg" data-lightbox = "image-2" > < img src = "../img/project-16.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-02-05 22:05:09 +00:00
< h4 > WordPress Blogum< / h4 >
< p > Oracle aracı lı ğı yla bir Ubuntu Linux sunucusunda barı ndı rı lan, kendi kendine barı ndı rı lan
diğer birleştirilmiş sosyal ağlara bağlanmak için Activity Pub ile bir WordPress blogu yaptı m.
WordPress PHP, JavaScript, CSS ve HTML kullandı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://arcticpress.basoglu.co/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-15.jpg" data-lightbox = "image-2" > < img src = "../img/project-15.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-02-05 22:05:09 +00:00
< h4 > Nextcloud Depom< / h4 >
< p > Oracle aracı lı ğı yla bir Ubuntu Linux sunucusunda barı ndı rı lan, kendi kendine barı ndı rı lan bir Nextcloud depolama alanı yaptı m. Nextcloud:
JavaScript, PHP, TypeScript ve Vue.js kullandı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://arcticcloud.basoglu.co" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-12.jpg" data-lightbox = "image-2" > < img src = "../img/project-12.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Kargı Yapı Sİtesİnİn Web Sİtesİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, Javascript, Angular ve
Typescript kullandı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://kargisitesi.com/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-11.jpg" data-lightbox = "image-2" > < img src = "../img/project-11.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Araç Hı rsı zlı ğı na Karşı Yüz Tanı ma Sistemİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Bilgisayar Mühendisliği Mezuniyet Projesinde Python, HTML, CMake, Node.js,Roff, CSS ve Java kullanarak Araç Hı rsı zlı ğı na Karşı
Yüz Tanı ma Sistemi yaptı m. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://sherm048.github.io/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-10.png" data-lightbox = "image-2" > < img src = "../img/project-10.png" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Olympus Ev Hİzmetİ Uygulaması < / h4 >
2024-02-05 22:05:09 +00:00
< p > Yazı lı m Mühendisliğine Giriş dersinde Java kullanarak Android cihaz uygulaması yaptı m. Bu
kullanı cı nı n bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz uygulaması dı r.
Kullanı cı nı n evinden hizmetler. Uygulamayı Android Studio'da yaptı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-9.jpg" data-lightbox = "image-2" > < img src = "../img/project-9.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Hastane-Hasta Yönetİm Sİstemİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde React.js Kullanarak Hastane Yönetim Sistemi Yaptı m.
Hastane Yönetim Sisteminde kullanı cı hastaları yönetebilir ve Her çalı şanı n farklı eylemlerde bulunduğu hastane çalı şanları ile
onlara atama yapabilir.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://github.com/batuhan-basoglu/Hospital-Management-System" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-8.jpg" data-lightbox = "image-2" > < img src = "../img/project-8.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Kene's Cribs Web Sİtesİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde HTML, CSS ve React.js kullanarak emlak sitesi yaptı m.
Kullanı cı nı n evlere göz atabileceği, google'da arayabileceği bir web sitesidir.
Haritaları kullanabilirsiniz veya iletişim formundan acentelerle iletişime geçebilirsiniz.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://github.com/batuhan-basoglu/Kene-s-Cribs-Website" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-7.jpg" data-lightbox = "image-2" > < img src = "../img/project-7.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Batuhan'ı n Bİsİkletlerİ Chatbot Hizmetİyle Web Sİtesİ Alternatİfİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde Node.js, HTML ve CSS kullanan chatbot hizmeti
web sitesi ile alternatif bir hizmet şirketi yaptı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
< a
2024-02-05 22:05:09 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-6.jpg" data-lightbox = "image-2" > < img src = "../img/project-6.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Batuhan'ı n Bİsİkletlerİ Web Sİtesİ Alternatİfİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde Node.js, HTML ve CSS kullanan alternatif bir hizmet şirketi yaptı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
< a
2024-02-05 22:05:09 +00:00
href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-5.jpg" data-lightbox = "image-2" > < img src = "../img/project-5.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Batuhan'ı n Bİsİkletlerİ Web Sİtesİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde Node.js, HTML ve CSS kullanan bir hizmet şirketi yaptı m.
Bisiklet onarı mları ndan bahseden bir bisiklet servis şirketi web sitesidir.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-4.jpg" data-lightbox = "image-2" > < img src = "../img/project-4.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Sam's Mart Web Sİtesİ Alternatİfİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde HTML, CSS ve Node.js kullanarak alternatif bir bakkal web sitesi hazı rladı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-3.jpg" data-lightbox = "image-2" > < img src = "../img/project-3.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Sam's Mart Web Sİtesİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde HTML, CSS ve Node.js kullanarak alternatif bir bakkal web sitesi hazı rladı m. < / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://batuhan-basoglu.github.io/Sam-s-Mart-Website/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-2.jpg" data-lightbox = "image-2" > < img src = "../img/project-2.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Analİz İşlevlİ Facebook UI/UX Web Sİtesİ Alternatİfİ Anketİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Arayüzlerinin Analizi ve Tasarı mı dersinde Node.js ve EJS HTML ve CSS kullanarak analiz
fonksiyonu web sitesi ile alternatif bir Facebook anketi yaptı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
< a
2024-02-05 22:05:09 +00:00
href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Daha Fazlası nı
Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-1.jpg" data-lightbox = "image-2" > < img src = "../img/project-1.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Facebook UI/UX Web Sİtesİ Anketİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Kullanı cı Analizi ve Arayüzler Tasarı mı sı nı fı nda HTML ve CSS kullanarak bir Facebook anket Web Sitesi hazı rladı m.
Bu, Cevapları göndermek için gönder düğmesiyle Facebook kullanı cı arayüzü hakkı nda sorular soran bir web sitesidir.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< div >
< div class = "project-item" >
< a href = "../img/project-14.jpg" data-lightbox = "image-2" > < img src = "../img/project-14.jpg" alt = "" > < / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Websİtem< / h4 >
2024-02-05 22:05:09 +00:00
< p > Bu web sitesini HTML, CSS ve Javascript ile yaptı m.< / p >
2024-02-05 06:37:21 +00:00
< div class = "primary-button" >
2024-02-05 22:05:09 +00:00
< a href = "https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website" > Daha Fazlası nı Keşfet< / a >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
< section class = "panel b-red" id = "education" >
< article class = "panel__wrapper" >
< div class = "panel__content" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< div class = "projects-content" >
< div style = "padding-top: 20%" class = "heading" >
2024-03-06 05:46:10 +00:00
< h4 > Eğİtİm< / h4 >
2024-02-05 06:37:21 +00:00
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "slider" >
<!-- slide 1 -->
< div class = "slide" >
< a href = "../img/UOttawa_Diploma.jpg" data-lightbox = "image-3" > < img src = "../img/UOttawa_Diploma.jpg"
alt="" />< / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Ottawa Ünİversİtesİ Bİlgİsayar Mühendİslİğİ Derecesİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Bilgisayar Mühendisliği Uygulamalı Bilimler Lisansı ile 4 yı llı k Bilgisayar Mühendisliği
programı . 7 Haziran 2021'de mezun oldum.< / p >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
<!-- slide 2 -->
< div class = "slide" >
< a href = "../img/ironring-certificate.jpg" data-lightbox = "image-3" > < img
src="../img/ironring-certificate-sm.jpg" alt="" />< / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Mühendİs Çağı rma Rİtüelİ< / h4 >
2024-02-05 22:05:09 +00:00
< p > Seven Wardens Inc.'in Mühendisin dürüstlüğü Resmi Mühendis beyanı .
13 Haziran 2021'de aldı m.< / p >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
<!-- slide 3 -->
< div class = "slide" >
< a href = "../img/horizons-certificate.jpg" data-lightbox = "image-3" > < img
src="../img/horizons-certificate.jpg" alt="" />< / a >
< div class = "text-content" >
2024-03-06 05:46:10 +00:00
< h4 > Horİzons Meslekİ Gelİşİm Programı < / h4 >
2024-02-05 22:05:09 +00:00
< p > Profesyonel Kaynaklar Kullanı mı yoluyla profesyonel bağlantı ları geliştirmeye yönelik kariyer geliştirme programı .
26 Nisan 2021'de aldı m.< / p >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
<!-- Control buttons -->
< button class = "btn btn-next" > < img src = "../img/next.png" / > < / button >
< button class = "btn btn-prev" > < img src = "../img/prev.png" / > < / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
< section class = "panel b-green" id = "contact" >
< article class = "panel__wrapper" >
< div class = "panel__content" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-8 col-md-offset-2" >
< div class = "contact-content" >
< div class = "heading" >
2024-02-05 22:05:09 +00:00
< h4 > Bana Ulaşı n< / h4 >
2024-02-05 06:37:21 +00:00
< / div >
< div class = "row" >
< div class = "col-md-8" >
< div class = "contact-form" >
< form id = "contact" action = "https://formspree.io/f/mrgvywen" method = "POST" >
< fieldset >
2024-02-05 22:05:09 +00:00
< input name = "name" type = "text" class = "form-control" id = "name" placeholder = "İsminiz"
2024-02-05 06:37:21 +00:00
required>
< / fieldset >
< fieldset >
< input name = "email" type = "email" class = "form-control" id = "email" placeholder = "Email" required >
< / fieldset >
< fieldset >
2024-02-05 22:05:09 +00:00
< textarea name = "message" rows = "6" class = "form-control" id = "message" placeholder = "Mesaj"
2024-02-05 06:37:21 +00:00
required>< / textarea >
< / fieldset >
< fieldset >
2024-02-05 22:05:09 +00:00
< button type = "submit" id = "form-submit" class = "btn" > Mesaj Yollayı n< / button >
2024-02-05 06:37:21 +00:00
< / fieldset >
< / form >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "more-info" >
2024-02-05 22:05:09 +00:00
< p > Benimle iletişime geçmekten çekinmeyin, mümkün olan en kı sa sürede size yanı t vereceğim.< br > < br >
2024-02-05 06:37:21 +00:00
< em > Montreal, QC< / em >
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-12" >
< div class = "footer" >
2024-02-05 22:05:09 +00:00
< p > Telif Hakkı © 2024 Batuhan Başoğlu< / p >
2024-02-05 06:37:21 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / article >
< / section >
< script src = "..//ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js" > < / script >
< script > window . jQuery || document . write ( '<script src="../js/vendor/jquery-3.6.4.min.js"><\/script>' ) < / script >
< script src = "../js/vendor/jquery-migrate.min.js" > < / script >
< script src = "js/vendor/bootstrap.min.js" > < / script >
< script src = "../js/plugins.js" > < / script >
< script src = "../js/main.js" > < / script >
< / body >
< / html >