NotepadJekyll2019-07-03T02:13:48+06:00https://coderkan.github.io/Erkan Güzelerhttps://coderkan.github.io/erkanguzeler@gmail.comhttps://coderkan.github.io/git/git-log-detailed-usage2019-06-13T00:00:00+06:002019-06-13T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>GUI tools make our work easier. Today, many people prefer the use of these tools. I always prefer terminal based systems instead of these interfaces. In particular, I don’t need to use any GUI in the <strong>git</strong> tool.</p>
<p>My friends often criticize my use of the terminal instead of the GUI. But I think the terminal environment is more flexible and useful.</p>
<p>My friends say that the GUI is a good option, especially for more comfortable observations of commitments. I will try to show you what we can do with the terminal against this situation.</p>
<p>I will elaborate with a few examples.</p>
<p>Firstly, we can check with</p>
<blockquote>
<p>git log –graph</p>
</blockquote>
<div align="center">
<script id="asciicast-254357" src="https://asciinema.org/a/254357.js" async=""></script>
</div>
<p>Another usage of git log is with <code class="highlighter-rouge">--decorate</code> and <code class="highlighter-rouge">--oneline</code> command. This commands show you a logs with oneline and decorated.</p>
<blockquote>
<p>git log –graph –decorate –oneline</p>
</blockquote>
<div align="center">
<script id="asciicast-254358" src="https://asciinema.org/a/254358.js" async=""></script>
</div>
<p>More customizable command is like that</p>
<blockquote>
<p>git log —graph —full-history —all —color —pretty=format:”%x1b[31m%h%x09%x1b[32m%d%x1b[0m%x20%s”</p>
</blockquote>
<div align="center">
<script id="asciicast-254359" src="https://asciinema.org/a/254359.js" async=""></script>
</div>
<blockquote>
<p>git log — graph — pretty=format:’%Cred%h%Creset %ad %s %C(yellow)%d%Creset %C(bold blue)<%an>%Creset’ — date=short</p>
</blockquote>
<div align="center">
<script id="asciicast-254360" src="https://asciinema.org/a/254360.js" async=""></script>
</div>
<p>You want to change how you want your pretty format. I will change format as below command.</p>
<blockquote>
<p>git log — graph — pretty=format:’%Cblue%h%Creset %ad %s %C(yellow)%d%Creset %C(bold red)<%an>%Creset’ — date=short</p>
</blockquote>
<div align="center">
<script id="asciicast-254361" src="https://asciinema.org/a/254361.js" async=""></script>
</div>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>%H →commit hash
%h →abbreviated commit hash
%T →tree hash
%t →abbreviated tree hash
%P →parent hashes
%p →abbreviated parent hashes
%an →author name
%aN →author name (respecting .mailmap, see git-shortlog[1] or git-blame[1])
%ae →author email
%aE →author email (respecting .mailmap, see git-shortlog[1] or git-blame[1])
%ad →author date (format respects — date= option)
%aD →author date, RFC2822 style
%ar →author date, relative
%at →author date, UNIX timestamp
%ai →author date, ISO 8601-like format
%aI →author date, strict ISO 8601 format
%cn →committer name
</code></pre></div></div>
<p>For more information about git log, you can visit its official web page.</p>
<p>You can see full version of using git log, please check out <a href="https://asciinema.org/a/251391">asciinema</a>.</p>
<div align="center">
<script id="asciicast-251391" src="https://asciinema.org/a/251391.js" async=""></script>
</div>
<p>Using the terminal, I can print the screen in the format I want. In short this is ease of use for me.</p>
<p>I hope your thoughts about using the terminal have changed a bit.</p>
<p>Good works.</p>
<p><a href="https://coderkan.github.io/git/git-log-detailed-usage">Explore the Git Log and Customize Visualizing.</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on June 13, 2019.</p>https://coderkan.github.io/git/gitignore-not-working2019-06-06T00:00:00+06:002019-06-06T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p align="center">
<img src="https://coderkan.github.io/images/Git/gitignore_post/gitignore_notworking_lg2.png" width="75%" height="75%" />
</p>
<p>Hi everyone,</p>
<p>If you are reading this blog page, you may see that the files you add to the git repos are not ignored by .gitignore.
This is because you don’t add the .gitignore file at first.</p>
<p>If you are reading this blog page, you may see that the files you add to the git repos are not ignored by .gitignore.
This is because you don’t add the .gitignore file at first, and will cause the files you add to the .gitignore file,
such as bin, debug, target, etc. to always change. You can see this with the <strong>git status</strong> command.</p>
<p>My colleagues are often confused with this issue. Because they’re pretty hasty when you’re creating <strong>git repositories</strong>.
Therefore, they forget to add the .gitignore file at first.</p>
<p>I dedicate this article to them :)</p>
<p>By making a simple example, I will show you how to solve this situation.</p>
<p>You need to remove tracked files from cache. You can easily do this situation with below command</p>
<ul>
<li><code class="highlighter-rouge">git rm --cached your_file_name</code></li>
</ul>
<p>After that your <code class="highlighter-rouge">.gitignore</code> file will work correctly.</p>
<p>I have made a quick video, you can check it out on below.</p>
<p align="center">
<object width="420" height="315" data="https://www.youtube.com/embed/MEmVsyw5rxc">
</object>
</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/git/gitignore-not-working">GITIGNORE NOT WORKING</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on June 06, 2019.</p>https://coderkan.github.io/general/as-a-software-developer-what-are-the-applications-programs-and-websites-I-use-often2018-10-20T00:00:00+06:002018-10-20T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>This post I will share with you, I frequently used programs, applications and web sites.
There are many programmes, applications and websites to help you and make your job easier.
What I share will be things that a developer use often.</p>
<p>Let’s start the topic without extending too much.</p>
<h2 id="web-pages">Web Pages</h2>
<p>Firtsly I want to share web pages with you.</p>
<h3 id="usepanda">UsePanda</h3>
<p><a href="https://usepanda.com">UsePanda</a> is a smart news reader for productivity. If you read most known technology web sites like HackerNews, Product Hunt etc you want to use it. Because there are lots of web site and blogs to read. It has collect lots of useful web pages and easily read lots of them in one page. It’s designed to easy use. UsePanda is a nice option if you want to be informed about reading and current news. Every day I read UsePanda 40 to 60 minutes.</p>
<p align="center">
<img src="https://coderkan.github.io/images/General/mostly_used_apps/usepanda.jpg" alt="Use Panda" width="50%" height="50%" />
</p>
<p>It’s supported lots of web sites.</p>
<ul>
<li>Dribbble</li>
<li>Designer News</li>
<li>Hacker News</li>
<li>Product Hunt</li>
<li>Behance</li>
<li>Medium</li>
<li>The Verge</li>
<li>TechCrunch</li>
<li>Mashable</li>
<li>The Next Web</li>
<li>Github</li>
<li>etc…</li>
</ul>
<p>for more information visit UsePanda web <a href="https://usepanda.com/app/">page</a>.</p>
<h3 id="stackoverflow">StackOverFlow</h3>
<p>This <a href="https://stackoverflow.com/">website</a> is the number one site for programmers. It is the largerst online community for developers to learn and share their programming knowledge. You can easily find your questions’s answers in it. If you have trouble with programming and the others, type your error to google and you will see certain in stackoverflow issue. If I have problems, I do search on Stackoverflow and in some cases I follow questions topics like C, C++, Java.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy8wLzAyL1N0YWNrX092ZXJmbG93X2xvZ28uc3Zn" alt="" width="25%" height="25%" />
</p>
<h3 id="github---gitlab">GitHub - Gitlab</h3>
<p>These web pages are the ones I use and like most. Because I like writing code and sharing and also love OpenSource. These places is suitable for it. You can easily find codes of most popular applications, libraries and languages. If you want to learn coding these must be your first place to pass time. I use <a href="https://github.com">Github</a> for opensource projects and most of time private projects I use <a href="https://gitlab.com">Gitlab</a>. Both of them are very good options to use.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy8yLzI5L0dpdEh1Yl9sb2dvXzIwMTMuc3Zn" alt="GitHub" width="25%" height="25%" />
</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy9jL2M2L0dpdExhYl9sb2dvLnBuZw" alt="GitLab" width="25%" height="25%" />
</p>
<h3 id="springio">Spring.io</h3>
<p>As a Java Developer, You need to check latest news and samples, tips so I always check user guides on <a href="https://spring.io">spring.io</a>. I use Spring Boot in our backend development. It’s designed to get you up and running as quickly as possible. This web page is the main source for me.</p>
<p align="center">
<img src="https://coderkan.github.io/images/General/mostly_used_apps/spring_boot.png" alt="https://sdtimes.com/webdev/spring-releases-spring-boot-2-0/" width="25%" height="25%" />
</p>
<h3 id="angulario">Angular.io</h3>
<p>I use <a href="https://angular.io/">Angular</a> for front-end development. This page is official Angular web page. I spend time in this web page to learn in detail about angular. It’s very helpful to learn angular.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy9jL2NmL0FuZ3VsYXJfZnVsbF9jb2xvcl9sb2dvLnN2Zw" width="25%" height="25%" />
</p>
<h3 id="tomato-timer">Tomato-Timer</h3>
<p>Pomodoro technique is a time management method. This method has developed in the late of 1980s by Francesco Cirillo. I frequently use pomodoro technique when working on. It is increasing productivity. This simple and useful web application help me to use <a href="https://tomato-timer.com/">pomodoro</a>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/General/mostly_used_apps/tomato_timer_ss.png" alt="Tomato Timer Web Page" width="50%" height="50%" />
</p>
<h2 id="applications">Applications</h2>
<p>To development some stuff, you need to use some tools. These are tools that I need.</p>
<h3 id="sts---spring-tool-suite">STS - Spring Tool Suite</h3>
<p>To development backend applications I use Java Spring Boot framework. STS is a official IDE for Spring. It’s the next generation of Spring tools for your coding environment. STS is a open source project. It’s free. And you can also use this on VSCode, Atom. If you want to develop Spring-based enterprise applications you prefer Eclipse, VSCode or Atom. More information visit official <a href="https://spring.io/tools">website</a>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/General/mostly_used_apps/sts_image.png" alt="Tomato Timer Web Page" width="50%" height="50%" />
</p>
<h3 id="visual-studio-code">Visual Studio Code</h3>
<p><a href="https://code.visualstudio.com/">VSCode</a> is a code editor for building and debugging modern web applications. Angular developments I use VSCode editor. It’s cross platform and designed very well to develop web applications. I’m very comfortable when using it. It’s supported lots of development environment like C, C++, Java etc. Good option for development.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy8yLzJkL1Zpc3VhbF9TdHVkaW9fQ29kZV8xLjE4X2ljb24uc3Zn" alt="Visual Studio Code" width="25%" height="25%" />
</p>
<h3 id="dbeaver">DBeaver</h3>
<p>In the work time you may need some databases such as MSSQL, MySQL, PostgreSQL etc. I always use remote databases in work time not local because these databases are heavy on the computer.
So that I use a client application to access databases. I use <a href="https://dbeaver.io/">DBeaver</a>. DBeaver is a SQL Client application and is a free, opensource, graphical database management tool for database developer and administrators. It’s very useful and fast application. It’s a cross platform also working on Linux, Windows and Mac. It has develop by Java language.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy9mL2ZkL0RCZWF2ZXJfbG9nby5wbmc" alt="DBeaver" width="25%" height="25%" />
</p>
<p>Some supported databases;</p>
<ul>
<li>MySQL</li>
<li>PostgreSQL</li>
<li>MariaDB</li>
<li>SQLite</li>
<li>Oracle</li>
<li>DB2</li>
<li>SQL Server</li>
<li>Sybase</li>
<li>MS Access</li>
<li>Teradata</li>
<li>Firebird</li>
<li>Derby</li>
<li>etc.</li>
</ul>
<p>Detailed information you can also visit its <a href="https://github.com/dbeaver/dbeaver/">GitHub</a> repository and <a href="https://dbeaver.io/">website</a>.</p>
<h3 id="git">Git</h3>
<p>This application is my favorite. <a href="https://git-scm.com/">Git</a> is a version-control system for tracking changes in computer files and coordinating work on those files among multiple people. Every developer need to work with Git. Git has developed by Linux Torvalds, creator of Linux.
Git is a very useful system to control projects and easy to learn. There are lots of project is managing with git. There are many web sites using git such as Github, Gitlab, Bitbucket etc.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy9lL2UwL0dpdC1sb2dvLnN2Zw" alt="Git" width="25%" height="25%" />
</p>
<h3 id="inkscape">Inkscape</h3>
<p>Working on front end and need some graphical illustrations and some stuffs. Inkscape is very good options to use it. I’ve been using it for a long time. Inkscape is professional quality vector graphics software which runs on Linux, Mac OS X and Windows desktop computers. You can create icons, different graphics for your needed. Detailed information visit official <a href="https://inkscape.org/en/">website</a>.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy8wLzBkL0lua3NjYXBlX0xvZ28uc3Zn" alt="Inkscape" width="25%" height="25%" />
</p>
<h3 id="spotify">Spotify</h3>
<p>Yes, it’s time to music. When I working on I usually listen music so Spotify is a good option to listen music. This application has wide range music playlists and songs.This application has a very wide and comprehensive music store. Easily find what you want to listen, it does not matter what kind of music.</p>
<p align="center">
<img src="http://www.wikizeroo.com/index.php?q=aHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy8yLzI2L1Nwb3RpZnlfbG9nb193aXRoX3RleHQuc3Zn" alt="Spotify" width="25%" height="25%" />
</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/general/as-a-software-developer-what-are-the-applications-programs-and-websites-I-use-often">As a software developer, what are the applications, programs and websites I use often?</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on October 20, 2018.</p>https://coderkan.github.io/linux/connect-speaker-with-bluetoothctl-arch-linux2018-09-27T00:00:00+06:002018-09-27T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>In this post I will show you how to connect bluetooth speaker device in BBQLinux with terminal using bluetoothctl. Nowadays there are a lot of devices including bluetooth like speakers, earphones etc. So if you are Linux user you need to use comman-line interface to done your jobs. Sometimes UI solutions not working properly.</p>
<h1 id="what-is-bluetooth">What is Bluetooth?</h1>
<p>Bluetooth is a standard for the short-range wireless interconnection of cellular phones, computers, and other electronic devices. Shortly is a protocol for wireless communication. It was developed in 1990s, to reduce the number of cables. Nowadays all electronic devices has also bluetooth to communicate eachother.</p>
<h1 id="using-bluetoothctl">Using Bluetoothctl</h1>
<p>If you have electronic devices and connect to them, <strong>bluetoothctl</strong> is very good choice to use in command-line. <strong>Bluetoothctl</strong> is command-line interface in <a href="http://www.bluez.org">Bluez</a> bluetooth stack.</p>
<p>If you don’t have this program you simply install like that from terminal.</p>
<p>Type:</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yaourt bluez
</code></pre></div></div>
<p>and select bluez package.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/bluetoothctl/install_bluez.png" />
</p>
<p>After installed you will see it in terminal if type <strong>bluetoothctl</strong>.</p>
<p>Firstly We need to start <strong>bluetooth.service</strong> in terminal.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>systemctl start bluetooth.service
</code></pre></div></div>
<p>After that you can also control bluetooth.service status.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>systemctl status bluetooth.service.
</code></pre></div></div>
<p>Your <strong>bluetooth.service</strong> if running successfully you will see these in your terminal.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[coderkan@coderkanpc ~]$ systemctl status bluetooth.service
* bluetooth.service - Bluetooth service
Loaded: loaded (/usr/lib/systemd/system/bluetooth.service; enabled; vendor pres
Active: active (running) since Thu 2018-09-27 20:12:55 +03; 19s ago
Docs: man:bluetoothd(8)
Main PID: 5783 (bluetoothd)
Status: "Running"
Tasks: 1 (limit: 4915)
CGroup: /system.slice/bluetooth.service
`-5783 /usr/lib/bluetooth/bluetoothd
</code></pre></div></div>
<p>After running your <strong>bluetooth.service</strong>, we can type <strong>bluetoothctl</strong> in terminal.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[coderkan@coderkanpc ~]$ bluetoothctl
Agent registered
[bluetooth]#
</code></pre></div></div>
<p>Successfuly entered <strong>bluetoothctl</strong> your terminal has looks like above.</p>
<p>To scanning device;</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[bluetooth]# power on
Changing power on succeeded
[bluetooth]# default-agent
Default agent request successful
[bluetooth]# scan on
Discovery started
[NEW] Device 70:99:1C:0C:0F:8D JBL GO 2
[NEW] Device 47:43:0C:D1:2C:A2 47-43-0C-D1-2C-A2
</code></pre></div></div>
<p>type <strong>power on, default-agent</strong> and after that <strong>scan on</strong> command to scanning bluetooth devices.</p>
<p>To pair devices;</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[bluetooth]# pair 70:99:1C:0C:0F:8D
Attempting to pair with 70:99:1C:0C:0F:8D
[CHG] Device 70:99:1C:0C:0F:8D Connected: yes
[CHG] Device 70:99:1C:0C:0F:8D UUIDs: 00001108-0000-1000-8000-00805f9b34fb
[CHG] Device 70:99:1C:0C:0F:8D UUIDs: 0000110b-0000-1000-8000-00805f9b34fb
[CHG] Device 70:99:1C:0C:0F:8D UUIDs: 0000110c-0000-1000-8000-00805f9b34fb
[CHG] Device 70:99:1C:0C:0F:8D UUIDs: 0000110e-0000-1000-8000-00805f9b34fb
[CHG] Device 70:99:1C:0C:0F:8D UUIDs: 0000111e-0000-1000-8000-00805f9b34fb
[CHG] Device 70:99:1C:0C:0F:8D ServicesResolved: yes
[CHG] Device 70:99:1C:0C:0F:8D Paired: yes
Pairing successful
[CHG] Device 70:99:1C:0C:0F:8D ServicesResolved: no
[CHG] Device 70:99:1C:0C:0F:8D Connected: no
[bluetooth]#
</code></pre></div></div>
<p>type <strong>pair device-adress</strong>.</p>
<p>After pairing with bluetooth device we can connect to device now.
This is very simple to do it. Just type <strong>connect device-adress</strong>.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>bluetooth]# connect 70:99:1C:0C:0F:8D
Attempting to connect to 70:99:1C:0C:0F:8D
[CHG] Device 70:99:1C:0C:0F:8D Connected: yes
Connection successful
[CHG] Device 70:99:1C:0C:0F:8D ServicesResolved: yes
[JBL GO 2]#
</code></pre></div></div>
<p>If you see your terminal like above your connection is successfully. Now you can enjoy with music.</p>
<p>If you would like to close your connection and scan you just write this command your terminal.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>scan off
power off
disconnect
</code></pre></div></div>
<p>To exit <strong>[bluetooth]</strong> section just type <strong>exit</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/bluetoothctl/result_terminal_image.png" />
</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding.</p>
<p><a href="https://coderkan.github.io/linux/connect-speaker-with-bluetoothctl-arch-linux">Connect to Speaker with Bluetoothctl in BBQLinux</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on September 27, 2018.</p>https://coderkan.github.io/cycle/motosiklet-macerasi2018-05-26T00:00:00+06:002018-05-26T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Merhaba,</p>
<p>Bu yazımda sizlere Türkiye şartlarında motosiklet alma süreçlerimi anlatacağım. Umarım motosiklet alma planı olanlara veya düşünenlere yardımcı olabilirim. Neden motosiklet tercih ettiğimden tutunda hangi modeli seçeceğimi, bütçe planının nasıl yapılması gerektiğini ve Türkiye’de ilk defa motosiklet alacaksanız yapmanız gerekenleri anlatmaya çalışacağım.</p>
<h2 id="neden-motosiklet">Neden Motosiklet?</h2>
<p>Neden motosiklet? Bu başlığı attığımda cevaplamamın kolay olacağını düşünmüştüm ancak cevabın ne kadar zor olduğunu yazarken farkettim.</p>
<p>Motosiklet kimine göre kolay ulaşım, kimine göre tutku, kimine göre ekmek parası… Benim için ise yeni bir başlangıç ve heyecan. Hayatıma farklı renk ve tatlar katacağına inandığım için motosiklet.</p>
<h2 id="motosiklet-almadan-önce-neler-yaptım">Motosiklet Almadan Önce Neler Yaptım?</h2>
<p>İlk olarak motosikletlere ve motosiklet kullanıcılarına karşı algıda seçiciliğiniz artıyor. Etrafınızda herhangi bir motosiklet gördüğünüzde hemen yanına yanaşıp incelemeye ve sahibi yanındaysa(genellikle yanında oluyor)koyu bir muhabbete başlıyorsunuz. Motordan memnun olup olmadığından tutunda, hayatındaki değişikliklere, trafikte yaşadığı problemlere kadar herşeyi konuşuyorsunuz.</p>
<p>Sonrasında <a href="https://www.youtube.com/">YouTube</a> ve <a href="https://www.google.com">Google</a>‘dan motosiklet ile ilgili ne kadar video, blog ve karşılaştırma sitesi varsa hepsini incelemeye başlıyorsunuz. Bu da yetmiyor yakın çevrenizdeki motosiklet bayilerini gezmeye başlıyorsunuz. İlginizi çeken motorların özelliklerini ne kadar çok google ve youtube’dan araştırsanız da defalarca sorup öğrenmeye çalışıyorsunuz. Ayrıca tanıdığınız aktif motosiklet kullanıcıları ile iletişime geçip motosiklet hakkındaki bilgi ve deneyimlerini sizinle paylaşmalarını istiyorsunuz.</p>
<p>Bunların dışında yapmanız gereken çok önemli bir şey var ki o da bütçenizi belirlemeniz ve bu bütçe dahilinde alabileceğiniz motosiklet modeline karar vermenizdir.</p>
<h2 id="bütçenin-planlanması">Bütçenin Planlanması</h2>
<p>Motosiklet almadan önce yapmanız gereken en önemli işlerden biri de <strong>bütçe</strong> planlamasıdır. Öncelikle toplam bütçenizi 3’e ayırmanız gerekiyor. Birincisi ekipmana, ikincisi motosikletin çıkış işlemlerine(Sigorta, Plaka… vs) ve sonuncusu ise mmotosiklete ayıracağınız miktardır.</p>
<p>Bütçe planlarken ilk sıraya ekipman yazmam sizi şaşırtmış olabilir. Ama motosiklet almadan önce kiminle konuştuysam ilk tavsiyeleri ‘ekipmanınızı önceden alın’ oldu. Ekipmanın bir motosiklet kullanıcısı için ne kadar önemli olduğunu sanırım belirtmeme gerek yoktur.</p>
<p>Ekipman bütçenizi oluştururken yapacağınız ilk şey almak istediğiniz koruyucu ekipmanlara karar vermektir. Kuşkusuz ilk başta yer alacak olan ekipmanınız <strong>kask</strong>, sırasıyla <strong>mont</strong>, <strong>eldiven</strong>, <strong>dizlik</strong> ya da <strong>korumalı pantolon</strong>, <strong>motor ayakkabısı</strong>…vs. Bu setin hepsini temin etmek istiyorsanız, ortalama kalitedeki ürünlerden yaklaşık olarak <strong>3500TL</strong> ile <strong>4000TL</strong> arasında bir bütçe ayırmalısınız.</p>
<p>Ekipman bütçesini ayarladıysanız <strong>600-700TL</strong>(İlk defa motosiklet alıyorsanız) civarında bir miktarı motosikletinizin sigorta, ruhsat ve plaka işlemleri için ayırmalısınız. Ayrıca ihtiyaç olursa motosiklet tekerlek değişimi ve koruma demiri için <strong>700-800TL</strong> gibi bir bütçe de ayırmanız gerekebilir.(Alacağınız motosiklete göre fiyat değişebilir)</p>
<p>Dolayısıyla toplam bütçenizden <strong>5000-6000TL</strong> arası bir miktarı ekipman ve gerekli işlemler için ayırdınız. İşte geriye kalan miktarınız ise alacağınız motosikletin fiyatını belirleyecektir. Ekipmanları almadan ben sürerim motoru diyorsanız orasını bilemem. Bu sizin kendinize verdiğiniz değeri gösterir.</p>
<p>Ben planlamamı yaptıktan sonra motosiklet almak için <strong>10.000TL</strong> civarında bir bütçem kaldı. Bundan sonra bu fiyat civarındaki motosikletlere bakmaya başladım. Göreceksiniz ki böyle bir plan yaptığınız takdirde motosiklet almak için karar vermeniz oldukça kolaylaşacak ve kafanızı karıştıran sorular önemli ölçüde kaybolacaktır. Sınırlarınızı bilmek her zaman hedeflerinize daha rahat ulaşmanızı sağlayacaktır.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Cycle/moto_flash2.jpg" width="75%" height="75%" />
</p>
<h2 id="hangi-motosiklet-tarzını-kullanabilirim-kararının-verilmesi">Hangi Motosiklet Tarzını Kullanabilirim Kararının Verilmesi?</h2>
<p>Hangi tarz motosiklet alacağınıza karar vermenin çok zor bir süreç olduğunu belirtmeliyim. Motosiklet almadan önce <strong>Chopper/Cruiser</strong> tarzının bana daha uygun olduğunu düşünüyordum ve dolayısıyla araştırmalarımı bu yönde yoğunlaştırmıştım. Çünkü hem konfor hem de görsellik olarak bu tarz motorların daha güzel olduğunu düşünüyordum.</p>
<p>Buradan hareketle yapmış olduğum araştırmalarda bu tarzda <strong>Amerikan ve Japon</strong> marka motosikletlerin oldukça pahalı olduklarını gördüm. Bu ilk motosikletimdi ve daha da önemlisi bu kadar fazla bütçe ayıramazdım.
Sonuç olarak <strong>Cruiser/Chopper</strong> tarzında;</p>
<ul>
<li><a href="http://www.hyosungturkiye.com/detay/592/gv-250-n">Hyosung GV250</a></li>
<li><a href="http://www.daelimtr.com/%C3%BCr%C3%BCnler/3/daystar--abs/">Daelim Daystar 250</a></li>
<li><a href="http://www.regalraptor.com.tr/allcat.asp?CatID=121">Regal Raptor Daytona 250</a></li>
<li>ikinci el Japon malları (<a href="https://www.sahibinden.com/motosiklet-suzuki-vl-250-intruder">Suzuki Intruder 250</a>)</li>
</ul>
<p>gibi seçenekler listemde yerini aldı. <strong>Suzuki Intruder 250</strong> ikinci el olduğu için fazla yanaşmak istemedim. Açıkçası 2. el Japon motosikletlerini pek istemiyordum çünkü ilk motosikletimin sıfır olması benim açımdan önemliydi.</p>
<p>Sıra geldi belirlediğim modelleri yakından incelemeye. Haftasonu İstanbul’a giderek motosiklet bayilerini tek tek dolaştım ve Hyosung GV250 modelini almaya karar verdim. Hafta içi işlemleri yapıp bir sonraki hafta alacak şekilde planlamasını yaptım. Bu kararımı kuzenim ile paylaştım, kendisi aktif motosiklet kullanıcısıdır. Bana en kötü <strong>Japon</strong> malının diğerlerinden daha iyi olacağını söyledi. Kafamda tekrardan soru işaretleri oluşmaya başladı ve aldığım kararı yeniden değerlendirmem gerektiğini anladım. Youtube üzerinden takip ettiğim <a href="https://www.youtube.com/channel/UCta2P3cN5kFMbYhQDsPZxhA">Motomania</a> kanalı da bu modelin incelemesini yaptı ve bayağı fazla eksi yönlerinden bahsetti. O gün Hyosung GV250 alma kararımdan vazgeçtim ve başımı ağrıtmayacağını düşündüğüm Japon motosikletlerine bakmaya başladım. Bu kararı verirken aslında Cruiser/Chopper tarzının da dışına çıkmış oldum. Böylece bütçe ve kaliteye göre bir motosiklet seçim süreci başlamış oldu.</p>
<h2 id="motosiklet-modeline-karar-verilmesi">Motosiklet Modeline Karar Verilmesi</h2>
<p>Araştırmalarım sonucun da piyasada kabul görmüş markalardan <a href="">Honda</a> ve <a href="">Yamaha</a> modellerini incelemeye başladım. Motor gücü olarak 250cc ve üzeri motosikletlerin tecrübem az olduğundan dolayı başlangıç için iyi bir tercih olmayacağını düşündüm. Motor gücünü tecrübe sahibi oldukça arttırmanın daha doğru olacağına inanıyorum. Bu da beni Honda ve Yamaha’nın 125cc ve 150cc’lik motosikletlerine yöneltti.
Motosiklet seçeneklerim arasında;</p>
<ul>
<li><a href="https://www.honda.com.tr/CB125R">Honda CB125R</a></li>
<li><a href="https://www.yamaha-motor.eu/tr/products/motorcycles/urban-mobility/ys125.aspx">Yamaha YS125</a></li>
<li><a href="https://www.honda.com.tr/cb125f">Honda CB125F</a></li>
<li><a href="https://www.yamaha-motor.eu/tr/products/motorcycles/urban-mobility/ybr125.aspx">Yamaha YBR125</a></li>
</ul>
<p>vardı. Bunlardan <strong>Honda CB125R</strong> ilk elenen oldu. Sebebi ise fiyatının bütçemi aşmasıydı. Yamaha YBR125 fiyat olarak ucuz olmasına rağmen teknolojik olarak eski olmasından dolayı tercih etmedim. Geriye kalan iki motosiklet arasında tercihim Honda <a href="https://www.honda.com.tr/cb125f">CB125F</a> oldu. Çünkü iki motosikletin teknik özellikleri hemen hemen aynı olmasına rağmen fiyat performans açısından Honda CB125F daha uygundu.</p>
<h2 id="ekipman-seçimi-ve-alım-süreci">Ekipman Seçimi ve Alım Süreci</h2>
<p>Alacağım motosiklete karar verdikten sonra ilk yaptığım iş ekipmanlarımı tamamlamak oldu. Zaten bütçe planlamamı yaparken ekipmana ayıracağım miktarı belirlemiştim. Geriye hangi marka ekipmanlar alacağıma karar vermem kaldı. Çevremde ki motosiklet kullanıcılarından aldığım tavsiyeler ve yapmış olduğum internet araştırmaları sonucunda;</p>
<ul>
<li><a href="http://www.motoruma.com/cms-gtrs-20-karbon-legera-kapali-motosiklet-kaski-neon-sari">CMS GTRS 2.0 Karbon Legera Kapalı Motosiklet Kaskı</a></li>
<li><a href="http://www.motoruma.com/five-gloves-rs3-siyah-neon-sari">Five Gloves RS3 Neon Sarı Yazlık Motosiklet Eldiveni</a></li>
<li><a href="http://www.motoruma.com/venom-dynamic-fileli-siyah-gri-xs">VENOM DYNAMIC FİLELİ SİYAH-GRİ MONT</a></li>
<li><a href="https://urun.n11.com/dizlik/prosev-dizlik-mafsalli-P235912014?cid=604001&gclid=CjwKCAjwi6TYBRAYEiwAOeH7GWeAIKLpvvQIFZKvDZBSJse7qzSDkVTpWQWY4b7jGTkET_HBJyGGFBoCE38QAvD_BwE&gclsrc=aw.ds">PROSEV DİZLİK MAFSALLI</a></li>
<li><a href="https://urun.n11.com/yedek-parca/auvray-k-bloc-120-zincir-kilit-120-cm-P174786756">AUVRAY K-BLOC 120 ZİNCİR KİLİT 120 CM</a></li>
</ul>
<p>alarak ekipman alışverişimi tamamladım. Eksik kalan bir kaç parça ekipmanı da en hızlı şekilde tamamlamaya çalışacağım. Ekipmanları temin ettikten sonra en yakın Honda bayisine gidip <strong>CB125F</strong> için alım süreçlerini başlattım.</p>
<h2 id="motosiklet-alım-süreci">Motosiklet Alım Süreci</h2>
<p>İlk defa motosiklet alıyorsanız aşağıdaki adımları izleyebilirsiniz.</p>
<p>Öncelikle bayiden motorunuzun satış işlemini gerçekleştiriyorsunuz. Oradan alacağınız evraklar ile gideceğiniz yerler sırasıyla;</p>
<ul>
<li>Sigorta Acentesi</li>
<li>Noter</li>
<li>Şoförler Odası Birliği</li>
</ul>
<p>dir.</p>
<p>Bayinin size vermiş olduğu evraklar ile ilk önce bir sigorta acentesine giderek <strong>motosiklet</strong> sigortası yaptırıyorsunuz. Eğer ilk defa yaptırıyorsanız ücret tutarı ortalama <strong>470TL</strong> civarında oluyor.</p>
<p>Daha sonra <strong>Noter</strong>e giderek <strong>Plaka</strong> işlemini ve <strong>Ruhsat</strong> işlemini gerçekleştiriyorsunuz. Bir hafta gibi bekleme süresi olmadan anında ruhsatı teslim alabiliyorsunuz. Notere ortalama <strong>137TL</strong> bir ücret ödüyorsunuz. Noterden çıktıktan sonra sigorta acentenize uğrayarak gerçek plakanız üzerine işlem yaptırıyorsunuz. Noterin yakınında ki bir sigorta acentesi tercih etmeniz zaman kazanmak açısından avantajlı olacaktır.</p>
<p>Noterde işleriniz bittikten sonra oradan aldığınız evraklar ile Şoförler Odası Birliğine giderek <strong>22TL</strong> ücret karşılığında plakanızı bastırıyorsunuz.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Cycle/mybike.JPG" width="75%" height="75%" />
</p>
<p>Bu işlemlerden sonra aldığınız plaka ile bayinize gidip motorunuzu teslim alıp trafiğe rahatlıkla çıkabiliyorsunuz.</p>
<h2 id="sonuç">Sonuç</h2>
<p>Sonuç olarak tüm bu sürecin oldukça karmaşık ve yorucu olduğunu söyleyebiliriz. Ancak motosikletinizi kullanmaya başlandıktan sonra yaşacağınız duygular tüm bu süreci tamamen unutmanızı sağlayacaktır. Hayatınıza yeni renkler katacağı yadsınamaz. Kesinlikle kendinizi daha özgür hissedeceksiniz ve bu da yeni heyecanlar sizi bekliyor demektir… Eğer bu yazıyı sonuna kadar okuyan biriyseniz siz de ya motosiklet sevdalısısınızdır ya da olacaksınızdır.</p>
<p>Motosiklet alırken yaşadığım süreçleri ve deneyimlerimi dilim döndüğünce sizlerle paylaşmaya çalıştım. Umarım siz değerli okuyucular için faydalı bir yazı olmuştur. Motosikletim ile yaşayacaklarımı zaman zaman sizler ile paylaşacağım. Bu yazımı beğendiyseniz ve faydalı bulduysanız beğenip paylaşarak destek olabilirsiniz.</p>
<p>Bir sonraki yazımızda görüşmek dileği ile.</p>
<p>Tekeriniz düz bassın.</p>
<p><a href="https://coderkan.github.io/cycle/motosiklet-macerasi">MOTOSİKLET MACERASI</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on May 26, 2018.</p>https://coderkan.github.io/general/write-simple-and-effective-use-markdown2018-04-19T00:00:00+06:002018-04-19T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>In this post I will show you why you should use Markdown. If you are working on coding, most of yours has already use or hear this text format. Markdown is using lots of platform like <strong>Github,Ghost,Jekyll etc</strong>.</p>
<p>In Github’s <strong>README.md</strong> file uses this format. <a href="https://jekyllrb.com/">Jekyll</a> static blog template’s uses markdown format.</p>
<p>You can easily use markdown wherever you want. If you use <strong>github</strong> you have to learn how to write markdown. You can write enhanced detail <strong>README.md</strong> on your projects. It’s really powerful writing tool you can use.</p>
<p>I have meet with markdown in github and I always use this github projects, my blogs, and take a note.</p>
<p>You can also use write blog, write notes and what you want. It seems like detail, but it will give you a quick response. Once you start writing in Markdown, it’s really hard to back to the past.</p>
<h1 id="what-markdown">What Markdown?</h1>
<p>Markdown is a lightweight markup language with plain text formatting syntax. It is designed to convert to structured HTML. It is often used to format readme files.</p>
<p>In 2004, John Gruber created the Markdown languages with Aaron Swartz. The goal of creating Markdown is readability. So easily read and write a web based documents with Markdown language.</p>
<h1 id="how-to-use-markdown">How to use Markdown?</h1>
<p>We have talked too much about markdown, now you can see how it is used with examples.</p>
<p>I will use <a href="https://code.visualstudio.com/">VSCode</a> to preview Markdown file. Firstly you need to create a file that include end of name <strong>.md</strong>.
To preview <strong>md</strong> files in vscode you need to open <strong><a href="https://code.visualstudio.com/docs/languages/markdown">Markdown Preview</a></strong>. If you does not install <strong>Markdown Preview</strong>.</p>
<ul>
<li>Open VSCode and press <strong>Ctrl + Shift + X</strong></li>
<li>Enter <strong>Markdown Preview</strong> and will see and install it.</li>
<li>After installed <strong>Markdown Preview</strong>, press <strong>Ctrl + Shift + P</strong> and type <strong>Markdown Preview</strong>, will see and select.</li>
</ul>
<p>Once we have made the necessary preparations, we can start.</p>
<h2 id="markdown-formatting">Markdown Formatting</h2>
<h2 id="heading">Heading</h2>
<p>Markdown allows you to divide your text with headings. It has six headings. It’s so simple to write heading with <strong>hash</strong> characters(<strong>#</strong>).</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code># This is an <h1> tag
## This is an <h2> tag
### This is an <h3> tag
#### This is an <h4> tag
##### This is an <h5> tag
###### This is an <h6> tag
</code></pre></div></div>
<p>Headers looks like below.</p>
<h1 id="this-is-an-h1-tag">This is an <h1> tag</h1>
<h2 id="this-is-an-h2-tag">This is an <h2> tag</h2>
<h3 id="this-is-an-h3-tag">This is an <h3> tag</h3>
<h4 id="this-is-an-h4-tag">This is an <h4> tag</h4>
<h5 id="this-is-an-h5-tag">This is an <h5> tag</h5>
<h6 id="this-is-an-h6-tag">This is an <h6> tag</h6>
<h2 id="emphasis">Emphasis</h2>
<p>Emphasis can be added more than one way with asterisk(*) or underscore(_) characters.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>*Italic text with asterisk*
_Italic text with underscore_
</code></pre></div></div>
<p>To do <em>italic</em> emphasis you can use asterisk <strong>*</strong> or <strong>_</strong>. This text looks like below</p>
<p><em>Italic text with asterisk</em>
<em>Italic text with underscore</em></p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>**Bold text with double asterisk**
__Italic text with double underscore__
</code></pre></div></div>
<p>To do <strong>Bold</strong> emphasis you can use asterisk <strong>**</strong> or <strong>__</strong>. This text looks like below</p>
<p><strong>Bold text with double asterisk</strong>
<strong>Italic text with double underscore</strong></p>
<p>To do <strong>*Bold Italic</strong> you can also use asterisk like this.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>***Bold Italic Text***
</code></pre></div></div>
<p><strong><em>Bold Italic Text</em></strong></p>
<h3 id="strike-throughs">Strike-throughs</h3>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>~~deleted words~~
</code></pre></div></div>
<p><del>deleted words</del></p>
<h2 id="lists">Lists</h2>
<h3 id="unordered">Unordered</h3>
<p>Unordered list you can also use asterisk(<em>) by starting each line. You don’t have to forget a space with after asterisk(</em>). It’s so important.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>* Item 1
* Item 2
* Item 3
* Item 4
* Item 4a
* Item 4b
</code></pre></div></div>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4
<ul>
<li>Item 4a</li>
<li>Item 4b</li>
</ul>
</li>
</ul>
<h3 id="ordered">Ordered</h3>
<p>Ordered lists similiarly with Unordered list. This is starting with number and after number a <strong>(.)</strong>dot.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>1. Item 1
1. Item 2
1. Item 3
1. Item 3a
1. Item 3b
</code></pre></div></div>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3
<ol>
<li>Item 3a</li>
<li>Item 3b</li>
</ol>
</li>
</ol>
<h3 id="images">Images</h3>
<p>Images load is so simply in markdown. You can simply add your image <strong>Alt Text</strong> to <strong>![Alt Text]</strong> and add image <strong>url or path</strong> to <strong><img src="URL or IMAGE PATH" alt="Alt Text" /></strong>. You can also add <strong>Optional title</strong> to your images URL end with a space.</p>
<p>The <strong>Optional Title</strong> is displayed in a small pop up when user hovers over the image.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>![GitHub Logo](/images/logo.png "Optional Title")
Format: ![Superman Logo](url "Optional Title")
</code></pre></div></div>
<p><img src="/images/logo.png" alt="GitHub Logo" title="Optional Title" />
Format: <img src="http://www.fetchlogos.com/wp-content/uploads/2015/12/Superman-Logo.jpg" alt="Superman Logo" title="Optional Title" /></p>
<h3 id="links">Links</h3>
<p>There are two ways to create a link. First one is to include the link inline <strong><a href="URL">WishText</a></strong> URL. So user click on <em>WishText</em> go to <em>URL</em> link.</p>
<p>The second one is so simply. Directly write your URL to markdown and it will immediately detect as web link.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>http://github.com - automatic!
[GitHub](http://github.com)
</code></pre></div></div>
<p>http://github.com - automatic!
<a href="http://github.com">GitHub</a></p>
<h3 id="blockquotes">Blockquotes</h3>
<p>You can indicate a quoted section of text. So just add <strong>></strong> by beginning each line.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>As Mustafa Kemal Atatürk said:
>One day my mortal body will turn to dust, but the Turkish Republic will stand forever.
</code></pre></div></div>
<p>As Mustafa Kemal Atatürk said:</p>
<blockquote>
<p>One day my mortal body will turn to dust, but the Turkish Republic will stand forever.</p>
</blockquote>
<h3 id="inline-code">Inline code</h3>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>I think you should use an
`<addr>` element here instead.
</code></pre></div></div>
<p>I think you should use an
<code class="highlighter-rouge"><addr></code> element here instead.</p>
<h3 id="code-syntax">Code Syntax</h3>
<p>Firstly you can also type your code with 4 space.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>function alertMarkdown(){
alert('Hello Markdown');
}
</code></pre></div></div>
<p>Otherwise, use your language name with <strong>```</strong>.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>`
```javascript
function alertMarkdown(){
alert('Hello Markdown');
}
```
` Looks like below code.
</code></pre></div></div>
<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">alertMarkdown</span><span class="p">(){</span>
<span class="nx">alert</span><span class="p">(</span><span class="s1">'Hello Markdown'</span><span class="p">);</span>
<span class="p">}</span>
</code></pre></div></div>
<h3 id="task-lists">Task Lists</h3>
<p>Task list has many usage on <strong>github</strong>. So users can also add to-do lists. Usage is simple. Just add <strong>- []</strong> not to-do or add <strong>- [x]</strong> done.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>- [x] update login UI
- [ ] dashboard UI design.
</code></pre></div></div>
<p>Task lists appears like below.</p>
<ul class="task-list">
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />update login UI</li>
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />dashboard UI design.</li>
</ul>
<h3 id="tables">Tables</h3>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column
</code></pre></div></div>
<table>
<tbody>
<tr>
<td>Also create tables simply. Divide list of words with hyphens <strong>-</strong>, and separating each column with a pipe</td>
<td>.</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>First Header</th>
<th>Second Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Content from cell 1</td>
<td>Content from cell 2</td>
</tr>
<tr>
<td>Content in the first column</td>
<td>Content in the second column</td>
</tr>
</tbody>
</table>
<h3 id="definition-lists">Definition Lists</h3>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Jekyll
: is a blog-aware, static site generator in Ruby.
</code></pre></div></div>
<dl>
<dt>Jekyll</dt>
<dd>is a blog-aware, static site generator in Ruby.</dd>
</dl>
<h3 id="footnotes">Footnotes</h3>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>This articles has many references.[^1]
[^1]: Linus Torvals.
</code></pre></div></div>
<p>This articles has many references.[^1]
[^1]: Linus Torvals.</p>
<h3 id="horizontal-rules">Horizontal Rules</h3>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>***
* * * * *
---
___
</code></pre></div></div>
<p>Horizontal Rules sipmly created by three or more *(asterisk), hyphens(-) or underscore(_) on a line. You can also add spaces in characters like <strong>* * \ *\ *</strong>.</p>
<hr />
<hr />
<hr />
<hr />
<h2 id="markdown-with-htmlcss">Markdown with HTML&CSS</h2>
<p>We can also use markdown with html tags and decorate with CSS.</p>
<h2 id="images-1">Images</h2>
<p>If you use markdown image load format <strong><img src="imageURL or Path" alt="Alt Text" /></strong>, this image will not center on the page. This will always show on the left side. You can use html change image align.</p>
<p>You can use <strong><img /></strong> to load image from url or path. Also set <strong>width, height and align</strong>.</p>
<h3 id="left-alignment">left alignment</h3>
<p><img align="left" width="100" height="100" src="http://www.fetchlogos.com/wp-content/uploads/2015/12/Superman-Logo.jpg" /></p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code> <span class="nt"><img</span> <span class="na">align=</span><span class="s">"left"</span> <span class="na">width=</span><span class="s">"100"</span> <span class="na">height=</span><span class="s">"100"</span> <span class="na">src=</span><span class="s">"http://www.fetchlogos.com/wp-content/uploads/2015/12/Superman-Logo.jpg"</span><span class="nt">></span>
</code></pre></div></div>
<h3 id="right-alignment">right alignment</h3>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code> <span class="nt"><img</span> <span class="na">align=</span><span class="s">"right"</span> <span class="na">width=</span><span class="s">"100"</span> <span class="na">height=</span><span class="s">"100"</span> <span class="na">src=</span><span class="s">"http://www.fetchlogos.com/wp-content/uploads/2015/12/Superman-Logo.jpg"</span><span class="nt">></span>
</code></pre></div></div>
<p><img align="right" width="100" height="100" src="http://www.fetchlogos.com/wp-content/uploads/2015/12/Superman-Logo.jpg" /></p>
<h3 id="center-alignment">center alignment</h3>
<p align="center">
<img width="200" height="200" src="http://www.fetchlogos.com/wp-content/uploads/2015/12/Superman-Logo.jpg" />
</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><p</span> <span class="na">align=</span><span class="s">"center"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">width=</span><span class="s">"200"</span> <span class="na">height=</span><span class="s">"200"</span> <span class="na">src=</span><span class="s">"http://www.fetchlogos.com/wp-content/uploads/2015/12/Superman-Logo.jpg"</span><span class="nt">></span>
<span class="nt"></p></span>
</code></pre></div></div>
<h3 id="collapse-sections">Collapse Sections</h3>
<p>Collapsing large sections of text can make your plain text much easier to read.</p>
<details>
<summary>"Click Here to expand"</summary>
this is hidden text block.
</details>
<h3 id="using-css">Using CSS</h3>
<p>Also you can use CSS stylesheet in your markdown plain text. You can do that two way. One of these is a write <strong><code class="highlighter-rouge"><style></code></strong> in your markdown file and then use them in html tags.</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><style></span>
<span class="nc">.pclass</span><span class="p">{</span>
<span class="nl">background-color</span><span class="p">:</span> <span class="no">yellow</span><span class="p">;</span>
<span class="nl">color</span><span class="p">:</span> <span class="no">blue</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt"></style></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"pclass"</span><span class="nt">></span>
Hello Markdown....
<span class="nt"></p></span>
<span class="nt"><button</span> <span class="nt">></span>
Markdown Button
<span class="nt"></button></span>
</code></pre></div></div>
<style>
.pclass{
background-color: yellow;
color: blue;
}
</style>
<p class="pclass">
Hello Markdown....
</p>
<p><button>
Markdown Button
</button></p>
<p>The last one way is adding with <code class="highlighter-rouge"><link></code> css files. I will add latest <strong><a href="https://getbootstrap.com/">Bootstrap</a></strong> css files from url like below.</p>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous" />
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"</span> <span class="na">integrity=</span><span class="s">"sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4"</span> <span class="na">crossorigin=</span><span class="s">"anonymous"</span><span class="nt">></span>
</code></pre></div></div>
<p>Added Bootstrap buttons to show you how to use with css files.</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-success"</span><span class="nt">></span>Success<span class="nt"></button></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-info"</span><span class="nt">></span>Info<span class="nt"></button></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-warning"</span><span class="nt">></span>Warning<span class="nt"></button></span>
</code></pre></div></div>
<p><button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button></p>
<h2 id="attention">ATTENTION</h2>
<p>If you convert your markdown file to <strong>pdf, docx or etc</strong> with <strong>pandoc</strong> you don’t use html tags. So <strong>Pandoc</strong> does not support html tags in markdown file. You can use markdown style simply. If you use you can not see your images and styles.</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/general/write-simple-and-effective-use-markdown">Write Simple and Effective: Markdown Tips</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on April 19, 2018.</p>https://coderkan.github.io/webdevelopment/sending-e-mail-with-php2018-01-15T00:00:00+06:002018-01-15T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>In this arcticle, I will demonstrate you how to send an e-mail with PHP using PHPMailer. Lot’s of time we need to send e-mail from our websites that includes information, contact and etc. So this time sending e-mail is lifesaving. I will use an OpenSource library that send e-mail with PHP.</p>
<p>Before we start, I want to give you an information about PHP.</p>
<p><a href="http://php.net/">PHP</a> is a server-side scripting language. This is used to static websites, dynamic websites and web applications. A scripting language is a language that interprets scripts at runtime. Running a PHP scripts you need to install server like xampp and if you are using different OS, you can also search a list alternatives to <a href="https://alternativeto.net/software/xampp/">xammp</a>.</p>
<p>Once you know what PHP is we can continue with PHPMailer.
What is PHPMailer?
PHPMailer is a classic email sending library for PHP that developing under LGPL licence. Also you can download and contribute on their <a href="https://github.com/PHPMailer/PHPMailer">GitHub</a> page. For more details info visit their GitHub page and wiki.</p>
<p>Once you learned what PHPMailer is we can download latest release from PHPMailer releases <a href="https://github.com/PHPMailer/PHPMailer/releases">page</a>. I will download latest release and add your project directory. You can also use adding your project directory because of scripting library.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Web/project_page.png" />
</p>
<p>After that we can do a form for giving values from user.</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><form</span> <span class="na">role=</span><span class="s">"form"</span> <span class="na">action=</span><span class="s">"sendmail.php"</span> <span class="na">method=</span><span class="s">"post"</span> <span class="na">style=</span><span class="s">"text-align:center;margin-top:50px;"</span> <span class="nt">></span>
<span class="nt"><div></span>
<span class="nt"><input</span> <span class="na">id=</span><span class="s">'email'</span> <span class="na">type=</span><span class="s">"email"</span> <span class="na">name=</span><span class="s">"_mail"</span> <span class="na">placeholder=</span><span class="s">"E-mail"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><br></span>
<span class="nt"><div></span>
<span class="nt"><input</span> <span class="na">id =</span><span class="err"> </span><span class="s">'subject'</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">name=</span><span class="s">"_subject"</span> <span class="na">placeholder=</span><span class="s">"Subject"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><br></span>
<span class="nt"><textarea</span> <span class="na">id=</span><span class="s">'mailBody'</span> <span class="na">name=</span><span class="s">"_body"</span> <span class="na">rows=</span><span class="s">"12"</span><span class="nt">></textarea></span>
<span class="nt"><br></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">name=</span><span class="s">"submit"</span> <span class="nt">></span>Send E-mail<span class="nt"></button></span>
<span class="nt"></form></span>
</code></pre></div></div>
<p>This code will show you like below image.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Web/form_preview.png" />
</p>
<p>Then we create a file called <strong>sendmail.php</strong> in project folders. Then we type this code.</p>
<div class="language-php highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="cp"><?php</span>
<span class="sd">/**
* This example shows settings to use when sending via Google's Gmail servers.
* This uses traditional id & password authentication - look at the gmail_xoauth.phps
* example to see how to use XOAUTH2.
* The IMAP section shows how to save this message to the 'Sent Mail' folder using IMAP commands.
*/</span>
<span class="c1">//Import PHPMailer classes into the global namespace
</span><span class="k">use</span> <span class="nx">PHPMailer\PHPMailer\PHPMailer</span><span class="p">;</span>
<span class="k">use</span> <span class="nx">PHPMailer\PHPMailer\Exception</span><span class="p">;</span>
<span class="k">require</span> <span class="s1">'PHPMailer-6.0.3/src/Exception.php'</span><span class="p">;</span>
<span class="k">require</span> <span class="s1">'PHPMailer-6.0.3/src/PHPMailer.php'</span><span class="p">;</span>
<span class="k">require</span> <span class="s1">'PHPMailer-6.0.3/src/SMTP.php'</span><span class="p">;</span>
<span class="k">if</span><span class="p">(</span><span class="nb">isset</span><span class="p">(</span><span class="nv">$_POST</span><span class="p">[</span><span class="s1">'submit'</span><span class="p">])){</span>
<span class="nv">$_subject</span> <span class="o">=</span> <span class="nv">$_POST</span><span class="p">[</span><span class="s1">'_subject'</span><span class="p">];</span>
<span class="nv">$_mail</span> <span class="o">=</span> <span class="nv">$_POST</span><span class="p">[</span><span class="s1">'_mail'</span><span class="p">];</span>
<span class="nv">$_body</span> <span class="o">=</span> <span class="nv">$_POST</span><span class="p">[</span><span class="s1">'_body'</span><span class="p">];</span>
<span class="nv">$mail</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">PHPMailer</span><span class="p">;</span>
<span class="c1">//Tell PHPMailer to use SMTP
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">isSMTP</span><span class="p">();</span>
<span class="nv">$mail</span><span class="o">-></span><span class="na">CharSet</span> <span class="o">=</span> <span class="s1">'UTF-8'</span><span class="p">;</span>
<span class="c1">//Enable SMTP debugging
</span> <span class="c1">// 0 = off (for production use)
</span> <span class="c1">// 1 = client messages
</span> <span class="c1">// 2 = client and server messages
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">SMTPDebug</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span>
<span class="c1">//Set the hostname of the mail server
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">Host</span> <span class="o">=</span> <span class="s1">'smtp.gmail.com'</span><span class="p">;</span>
<span class="c1">// use
</span> <span class="c1">// $mail->Host = gethostbyname('smtp.gmail.com');
</span> <span class="c1">// if your network does not support SMTP over IPv6
</span> <span class="c1">//Set the SMTP port number - 587 for authenticated TLS, a.k.a. RFC4409 SMTP submission
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">Port</span> <span class="o">=</span> <span class="mi">587</span><span class="p">;</span>
<span class="c1">//Set the encryption system to use - ssl (deprecated) or tls
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">SMTPSecure</span> <span class="o">=</span> <span class="s1">'tls'</span><span class="p">;</span>
<span class="c1">//Whether to use SMTP authentication
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">SMTPAuth</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span>
<span class="c1">//Username to use for SMTP authentication - use full email address for gmail
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">Username</span> <span class="o">=</span> <span class="s2">"yourmailadresorusername"</span><span class="p">;</span>
<span class="c1">//Password to use for SMTP authentication
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">Password</span> <span class="o">=</span> <span class="s2">"yoursecretpassword"</span><span class="p">;</span>
<span class="c1">//Set who the message is to be sent from
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">setFrom</span><span class="p">(</span><span class="s1">'yourmailadress'</span><span class="p">,</span> <span class="s1">'Info'</span><span class="p">);</span>
<span class="c1">//Set an alternative reply-to address
</span> <span class="c1">//$mail->addReplyTo('replyto@example.com', 'First Last');
</span> <span class="c1">//Set who the message is to be sent to
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">addAddress</span><span class="p">(</span><span class="nv">$_mail</span><span class="p">,</span> <span class="s1">'Sent Name'</span><span class="p">);</span>
<span class="c1">//Set the subject line
</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">Subject</span> <span class="o">=</span> <span class="nv">$_subject</span><span class="p">;</span> <span class="c1">//'PHPMailer GMail SMTP test';
</span> <span class="c1">//Read an HTML message body from an external file, convert referenced images to embedded,
</span> <span class="c1">//convert HTML into a basic plain-text alternative body
</span> <span class="c1">//$mail->msgHTML(file_get_contents('contents.html'), __DIR__);
</span>
<span class="nv">$msgValue</span> <span class="o">=</span> <span class="nv">$_body</span><span class="p">;</span>
<span class="nv">$mail</span><span class="o">-></span><span class="na">msgHTML</span><span class="p">(</span><span class="nv">$msgValue</span><span class="p">);</span>
<span class="c1">//Replace the plain text body with one created manually
</span> <span class="c1">//$mail->AltBody = 'This is a plain-text message body';
</span> <span class="c1">//Attach an image file
</span> <span class="c1">//$mail->addAttachment('images/phpmailer_mini.png');
</span> <span class="c1">//send the message, check for errors
</span> <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nv">$mail</span><span class="o">-></span><span class="na">send</span><span class="p">())</span> <span class="p">{</span>
<span class="k">echo</span> <span class="s1">'Send e-mail failure'</span><span class="p">;</span>
<span class="k">echo</span> <span class="s2">"Mailer Error: "</span> <span class="o">.</span> <span class="nv">$mail</span><span class="o">-></span><span class="na">ErrorInfo</span><span class="p">;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="c1">// Send Successfully
</span> <span class="k">echo</span> <span class="s1">'Send e-mail successfully'</span><span class="p">;</span>
<span class="c1">//Section 2: IMAP
</span> <span class="c1">//Uncomment these to save your message in the 'Sent Mail' folder.
</span> <span class="c1">#if (save_mail($mail)) {
</span> <span class="c1"># echo "Message saved!";
</span> <span class="c1">#}
</span> <span class="p">}</span>
<span class="p">}</span><span class="k">else</span> <span class="p">{</span>
<span class="c1">//echo "Not Post";
</span><span class="p">}</span>
<span class="cp">?></span>
</code></pre></div></div>
<p>We give values from user with form and sending to <strong>sendmail.php</strong> script. After that we are comparet is there any <strong>POST</strong> method. If It has any <strong>POST</strong> method we continue and control parameters. <strong>Subject, Mail, Body</strong> information we collect. We are setting up our <strong>gmail</strong> service information. We are typing our mail adresses and password want to send and give from user to who send. This code gives you simplicity to send e mail from form. I created sample project my GitHub page, you can easily find full project, check and <a href="https://github.com/coderkan/send-email-with-phpmailer">download</a>.</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/webdevelopment/sending-e-mail-with-php">Sending e-mail with PHP</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on January 15, 2018.</p>https://coderkan.github.io/webdevelopment/multi-language-with-jquery2018-01-04T00:00:00+06:002018-01-04T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>This post I will show you how to add multi language your web site works with <strong>JQuery</strong>.</p>
<p>What is JQuery?</p>
<p><strong>JQuery</strong> is a fast, small and cross-platfom JavaScript library for client-side scripting of HTML. It has HTML document manipulation, event handling, animation.</p>
<p>It has also developed OpenSource project under MIT License. Find out on <a href="https://github.com/jquery/jquery">Github</a>.</p>
<p>For more detail about <strong>JQuery</strong> you can search and find out more information visit official <a href="https://jquery.com/">website</a>.</p>
<p>Lots of time we need to add multi language our web projects. I will demonstrate how to add simply it.</p>
<p>Let’s go to code!!!</p>
<p>Firstly we have to add <strong>JQuery</strong> libraries, you can easy to find on official <a href="https://code.jquery.com/">website</a>.
I will use below jquery library.</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><script
</span><span class="na">src=</span><span class="s">"https://code.jquery.com/jquery-2.2.4.min.js"</span>
<span class="na">integrity=</span><span class="s">"sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="</span>
<span class="na">crossorigin=</span><span class="s">"anonymous"</span><span class="nt">></script></span>
</code></pre></div></div>
<p>We have to add this script in html head.</p>
<p>After added this library you can write your html code.
I will use <strong>name</strong> tag and <strong>caption</strong> tag.</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><h1</span> <span class="na">name=</span><span class="s">"translate"</span> <span class="na">caption=</span><span class="s">"h1"</span><span class="nt">></span>Hi H1 tag<span class="nt"></h1></span>
</code></pre></div></div>
<p>I added name <strong>translate</strong> and give the caption name <strong>h1</strong>.</p>
<p>After finished our html code then we can focus our jQuery code.
First, we create a file that name is <strong>translate.js</strong> under project files. And add this script to your html <strong>head</strong> like below.</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><script </span><span class="na">src=</span><span class="s">"translate.js"</span><span class="nt">></script></span>
</code></pre></div></div>
<p>After added this script we continiue to write JQuery codes. Define a function <strong>getLangResources()</strong> like below.</p>
<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">getLangResources</span><span class="p">(){</span>
<span class="c1">// Define arrays how many language you want to translate</span>
<span class="kd">var</span> <span class="nx">tr</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Array</span><span class="p">();</span>
<span class="kd">var</span> <span class="nx">en</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Array</span><span class="p">();</span>
<span class="c1">// caption tag name</span>
<span class="nx">tr</span><span class="p">[</span><span class="s1">'hello_world'</span><span class="p">]</span> <span class="o">=</span> <span class="s2">"Merhaba Dünya"</span><span class="p">;</span>
<span class="nx">en</span><span class="p">[</span><span class="s1">'hello_world'</span><span class="p">]</span> <span class="o">=</span> <span class="s2">"Hello World"</span><span class="p">;</span>
<span class="c1">// Added new array defined arrays.</span>
<span class="kd">var</span> <span class="nx">resources</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Array</span><span class="p">();</span>
<span class="nx">resources</span><span class="p">[</span><span class="s1">'tr'</span><span class="p">]</span> <span class="o">=</span> <span class="nx">tr</span><span class="p">;</span>
<span class="nx">resources</span><span class="p">[</span><span class="s1">'en'</span><span class="p">]</span> <span class="o">=</span> <span class="nx">en</span><span class="p">;</span>
<span class="k">return</span> <span class="nx">resources</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<p>We have defined an array which is needed language translate. And we put it caption names and translated values. This is very important function.</p>
<p>After that we need to write another function that name is <strong>changeLanguage(lng)</strong> like below.</p>
<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">changeLanguage</span><span class="p">(</span><span class="nx">lng</span><span class="p">){</span>
<span class="kd">var</span> <span class="nx">resources</span> <span class="o">=</span> <span class="nx">getLangResources</span><span class="p">()[</span><span class="nx">lng</span><span class="p">];</span>
<span class="nx">$</span><span class="p">(</span><span class="s2">"h1[name='translate']"</span><span class="p">).</span><span class="nx">each</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">i</span><span class="p">,</span> <span class="nx">elt</span><span class="p">){</span>
<span class="nx">$</span><span class="p">(</span><span class="nx">elt</span><span class="p">).</span><span class="nx">text</span><span class="p">(</span><span class="nx">resources</span><span class="p">[</span><span class="nx">$</span><span class="p">(</span><span class="nx">elt</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s2">"caption"</span><span class="p">)]);</span>
<span class="p">});</span>
<span class="p">}</span>
</code></pre></div></div>
<p>Above code you have search <strong>h1</strong> tags that name is <strong>translate</strong> and find out <strong>attr</strong> tag is <strong>caption</strong> and change text it given language value. For Turkish <strong>tr</strong> and for English type <strong>en</strong>.</p>
<p>When document is ready you can simply load languages values with <strong>changeLanguage</strong> function and <strong>click</strong> event.</p>
<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nx">$</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="c1">// Default Language</span>
<span class="nx">changeLanguage</span><span class="p">(</span><span class="s2">"en"</span><span class="p">);</span>
<span class="c1">// Tr button click</span>
<span class="nx">$</span><span class="p">(</span><span class="s2">"#tr_button"</span><span class="p">).</span><span class="nx">click</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
<span class="nx">changeLanguage</span><span class="p">(</span><span class="s2">"tr"</span><span class="p">);</span>
<span class="p">});</span>
<span class="c1">//Eng button click</span>
<span class="nx">$</span><span class="p">(</span><span class="s2">"#eng_button"</span><span class="p">).</span><span class="nx">click</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
<span class="nx">changeLanguage</span><span class="p">(</span><span class="s2">"en"</span><span class="p">);</span>
<span class="p">});</span>
<span class="p">});</span>
</code></pre></div></div>
<p>Adding multi language in your web site has lots of way. I have showed you one of them. I hope this helps you in your projects.</p>
<p>You can find full project on my <a href="https://github.com/coderkan/multi-language-jquery">Github</a> page.</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/webdevelopment/multi-language-with-jquery">Multi Language With JQuery</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on January 04, 2018.</p>https://coderkan.github.io/linux/why-you-should-use-bbqlinux2017-12-15T00:00:00+06:002017-12-05T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>I have developed applications like <strong>Desktop</strong>, <strong>Embedded</strong>, <strong>Android</strong> for 3 years and have heavily developing Android development on <a href="www.antrikod.com">AntriKod Software</a> for amount 2 years. When I developed Android application, I have used various Operation System like Windows, Ubuntu, Mint and the last one is <strong>BBQLinux</strong>.</p>
<p>I would like to say something Operation Systems that I used. Firstly, I have used <strong>Windows</strong> Operation System like everyone. But this issue has not satisfied because it is normally slower when I use <strong>Android Studio</strong> and not a good performance for <strong>Android Development</strong> for me. I always think that alternative ways that I used programs, application, OS to try out.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/windows-logo.png" />
</p>
<p>So first alternative to use Operation System is <strong>Ubuntu</strong> from Linux side. During the first time developing Android in <strong>Ubuntu</strong> is greater than <strong>Windows</strong>. Because working on <strong>Linux</strong> side is exciting to me. I always think that a developer must have information on Linux. Development tools, Open Source are essential issue. Then <strong>Ubuntu</strong> is getting slower when I used it long term. For example, I have working on 4 hours on an application and after 2 hours my <strong>PC</strong> getting warm and getting slower. So that this manner is not good impact for me.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/ubuntu-logo112.png" />
</p>
<p>I have some googling then I’m not happy working with Ubuntu. Because Development time passing is not good that I expected. After googling I have decided to use Arch based Linux distro. I just want to a distro includes tools for Android Developments. For example in OS have Android Studio, Android SDK, Inkscape, Gimp etc I need when I develop an application. First important thing for me is to work faster. I found a distro that based on Arch Linux is <a href="http://bbqlinux.org/">BBQLinux</a>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/arch-logo.png" />
</p>
<p>BBQLinux is made for Android Developers.</p>
<p>BBQLinux is user-friendly Linux distrobution for Android Developers. The biggest pros of using BBQLinux is you don’t need to reinstall the latest release of BBQLinux. Because this is using <strong>Rolling Release Development Model</strong> which means it is getting continually updated and upgraded.
lt’s also fully compatible Arch Linux packages because of based on Arch Linux. This is an Open Source Project so you can download and contribute on <a href="https://github.com/bbqlinux">Github</a>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/bbqlinux.png" />
</p>
<p>This Operation System is awesome. Because this distro designed for Android Developers. You don’t need to install other things for Development.</p>
<p>Just update and go ahead Development. I will share my experiences. First thing is I love in The BBQLinux is <strong>stability</strong>. It has good work on this issue. I can work on long hours and work good performance. I can work on more than one Android Studio Project and working well. This is big happiness for me. Other distros can not work well this issues that I experienced.</p>
<p>I hope you use this distro and say to me your experience.</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/linux/why-you-should-use-bbqlinux">Why You Should Choice BBQLinux for Android Development?</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on December 15, 2017.</p>https://coderkan.github.io/linux/install-software-on-arch-linux-os2017-12-05T00:00:00+06:002017-12-05T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>This guide demonstrate you how to install a software on <strong>Arch</strong> based linux OS. I have also using on <strong>BBQLinux</strong> based on <strong>Arch Linux</strong>. There are some way to install a software on Arch Linux. First of all is <strong>pacman</strong>, second one is <strong>AUR</strong> and my favorite one is <strong>yaourt</strong>. These three ways are my mostly used methods.</p>
<h2 id="pacman">Pacman</h2>
<p>Pacman is one of the main simple library-based package manager tool for Arch Linux. Pacman is easy to use for package management. Also their goal is to make it possible to easily manage packages. With <strong>pacman</strong> you can easily add, remove and upgrade packages in the system and also handle dependencies from remote server.</p>
<p>Pacman has developed with C programming language.</p>
<p>Pacman usage.</p>
<h3 id="install-packages">Install Packages</h3>
<p>To install simple package or more than one package you can simply type below commands.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pacman -S pkg_name or pacman -S pkg_name1 pkg_name2 ...
</code></pre></div></div>
<p>For example you want to install <strong>geany</strong> to your system. Type <strong>pacman -S ge</strong> and then press <strong>TAB</strong> to list all repository include <strong>ge</strong> expression like <strong>geary, gearmand, geany etc.</strong> then type <em>geany</em> and install geany to your system.</p>
<h3 id="removed-packages">Removed Packages</h3>
<p>To remove simple package and not removed its dependencies installed.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pacman -R pkg_name
</code></pre></div></div>
<p>If you would like to remove a package and its not required installed package,</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pacman -Rs pkg_name
</code></pre></div></div>
<p>If you remove a package and its all dependencies you simply type</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pacman -Rsc pkg_name
</code></pre></div></div>
<h3 id="updating-packages">Updating Packages</h3>
<p>To update all packages with pacman is easy with one command. This command synchronizes the repository databases and updates the system’s packages.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pacman -Syu
</code></pre></div></div>
<p>For more information about <strong>Pacman</strong> you can type</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pacman -h
</code></pre></div></div>
<p>and find out how to use it.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[coderkan@coderkanpc ~]$ pacman -h
usage: pacman <operation> [...]
operations:
pacman {-h --help}
pacman {-V --version}
pacman {-D --database} <options> <package(s)>
pacman {-F --files} [options] [package(s)]
pacman {-Q --query} [options] [package(s)]
pacman {-R --remove} [options] <package(s)>
pacman {-S --sync} [options] [package(s)]
pacman {-T --deptest} [options] [package(s)]
pacman {-U --upgrade} [options] <file(s)>
use 'pacman {-h --help}' with an operation for available options
</code></pre></div></div>
<h2 id="aur--arch-user-repository">AUR ( Arch User Repository)</h2>
<p>The Arch User Repository also know AUR is a community-driven repository for Arch users. The AUR has also have <strong>PKGBUILDs</strong> that allow you to compile from source with <strong>makepkg</strong> and then install via <strong>pacman</strong>.
The AUR has number of packages that contribute users own packages. It has <strong>PKGBUILD</strong> and related files. So that it is a huge community I have seen.</p>
<p>Before using AUR we need to know how to manage <strong>PKGBUILD</strong> files so that need to explain you <strong>makepkg</strong>.</p>
<h3 id="makepkg">makepkg</h3>
<p><strong>makepkg</strong> is a script to build packages. We can use it with <strong>PKGBUILD</strong>. This is provided by the <strong>pacman</strong> package.</p>
<p>First of all you need to control required dependencies. To build the package and install you needed dependencies with <strong>makepkg -s</strong> <strong>-s/–syncdeps</strong> is the same.</p>
<p>All required dependencies is well and package builds successfully, we can install package files with <strong>makepkg -i</strong> <strong>-i/–install</strong> (same as <em>pacman -U pkgname-pkgver.pkg.tar.xz</em>).</p>
<p>To clean files and folder you can use <strong>makepkg -c</strong> <strong>-c/–clean</strong>.</p>
<p>After learned <strong>makepkg</strong> we can continue. If you would like to a program or software you need, you visit <a href="https://aur.archlinux.org/">AUR web site</a> and search on the right top <strong>Package Search</strong> label. If you find out a program you need. You will see detailed information on aur repository web page.</p>
<p>If you are a <strong>git</strong> user you can just install files from git repository.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git clone https://aur.archlinux.org/package_name.git
</code></pre></div></div>
<p>you can update this repository with <strong>git pull</strong>.</p>
<p>After installed package from git we can sync and install. You can check <strong>PKGBUILD</strong> and <strong>.install</strong> files for malicious command. These contains <strong>bash</strong> scripting functions. So you can easily see how to install and prepare program before install it. I have use <strong>less</strong> command for it.</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cd package_name
less PKGBUILD
less package_name.install
makepkg -si
</code></pre></div></div>
<p>If there is no error, you successfully install a software to your system. With AUR is so large community and you can easily find what you need.</p>
<p>The last one my favorite is <strong>yaourt</strong>.</p>
<h2 id="yaourt">Yaourt</h2>
<p>Yaourt is a command line interface program to install software with pacman. So yaourt is a pacman frontend.</p>
<p>Firstly you can easily install <strong>yaourt</strong> to your system with <strong>AUR</strong> or <strong>pacman</strong>. More information has descripted above documentation. After installed <strong>yaourt</strong>, I can explain how to use it.</p>
<p>To use <strong>yaourt</strong> is so simple. If you would like to install a program with <strong>yaourt</strong>. For example <strong>atom</strong>. open terminal and type</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yaourt atom
</code></pre></div></div>
<p>and press enter. You will see lots of program that name inclues <strong>atom</strong>. Some programs are in <strong>community</strong> some programs are <strong>aur</strong> repository. Like below images you see how to look.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/atom-ss.png" />
</p>
<p>After listed programs in terminal, select which one want to use. For example we select <strong>12</strong>. Type <strong>12</strong> and press enter.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/atom-inst1.png" />
</p>
<p>If needs extra dependencies, ask you to install and to download. You need to answer questions to install. After typed needed answers, you will see successfully installed program on terminal.</p>
<p align="center">
<img src="https://coderkan.github.io/images/Linux/atom-inst2.png" />
</p>
<p>Just type <strong>atom</strong> terminal and press enter then <strong>Atom</strong> will ready to use on the screen.</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/linux/install-software-on-arch-linux-os">Install Software On Arch Linux OS</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on December 05, 2017.</p>https://coderkan.github.io/c/c++/load-hex-file-to-lpc-with-Jflash-lite2017-12-04T00:00:00+06:002017-12-04T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>This chapter will demonstrate you how to load hex file to <strong>LPC</strong> mcu’s. I will use <strong>JFlash-Lite</strong> product of <strong>Jlink</strong> program.</p>
<p>If you are working on Windows OS, open home and search <strong>JFlash Lite</strong> then click it.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/arama.png" />
</p>
<p>After clicked <strong>JFlash Lite</strong> icon then opened small JFlash Lite GUI. It is easy to use UI. Select <strong>Device</strong> and <strong>Interface</strong> which your connection established for it and <strong>Speed</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/program.png" />
</p>
<p>Select device in <strong>Device</strong> section and click <strong>OK</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/select_mcu.png" />
</p>
<p>There are connection interface types that you can select <strong>SWD/JTAG/FINE/2 WIRE JTAG/</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/select_interface.png" />
</p>
<p>After select all device, interface and speed then click <strong>OK</strong> button and will see main GUI to load hex code. Detailed image as below.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/open_part.png" />
</p>
<p>To load <strong>.hex .axf</strong> etc format files we need to select file and go to path in <strong>Data File</strong> section.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/select_hex.png" />
</p>
<p>After selected hex file all steps almost finished. If you have finished these steps you can erase chip memory with <strong>Erase Chip</strong> or load hex to device memory with <strong>Program Device</strong> button.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/finish_prog.png" />
</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding.</p>
<p><a href="https://coderkan.github.io/c/c++/load-hex-file-to-lpc-with-Jflash-lite">Load Hex file to LPC with JFlash-Lite</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on December 04, 2017.</p>https://coderkan.github.io/c/c++/mcuxpresso-usage2017-12-03T00:00:00+06:002017-12-03T00:00:00-00:00Erkan Güzelerhttps://coderkan.github.ioerkanguzeler@gmail.com
<p>Hi everyone,</p>
<p>I would like to give you some information about using <strong>MCUXpresso IDE</strong> that builded from <strong>NXP</strong>. This chapter includes about how to <strong>Import</strong> projects to our workspaces, how to builds them, and how to debug and build your projects in workspaces. I will use <strong>LPC1113 and LPC1768</strong> MCU series in my works.</p>
<p>Firstly, you need to install <strong>MCUXpresso IDE</strong> from their official <a href="(https://www.nxp.com/support/developer-resources/run-time-software/mcuxpresso-software-and-tools/mcuxpresso-integrated-development-environment-ide:MCUXpresso-IDE?tab=Design_Tools_Tab)">websites</a>.</p>
<h3 id="import-library">Import Library</h3>
<p>I will explain how to include a library into our workspace in our projects. If you use to <strong>LPC</strong> series you need to install <strong>CMSIS Library</strong> to your workspaces. Easily you can download this libraries from my github page for <a href="https://github.com/coderkan/CMSISv2p00_LPC11xx/tree/master">LPC11xx</a> , <a href="https://github.com/coderkan/CMSISv1p30_LPC17xx">LPC17xx</a></p>
<p>After installed these libraries we can open MCUXpresso IDE and go to <strong>Project Explorer</strong> in workspace and right click then you see <strong>Import</strong> section. Below image you can see detail.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/import.png" />
</p>
<p>After clicked <strong>Import</strong> section then you will see under <strong>General</strong> section <strong>Existing Projects into Workspace</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/existing_project.png" />
</p>
<p>After <strong>Existing Projects into Workspace</strong> section we can click <strong>Browse</strong> button then demonstrate our library paths.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/select_pro.png" />
</p>
<p>Go to your library project files path and select it.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/select_pro2.png" />
</p>
<p>If you successfully select your library path then you will show imported projects files in <strong>Import</strong> pages. If more than one projects exist in your path you can select which you want. Then click <strong>Finish</strong> button.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/select_pro3.png" />
</p>
<p>After added projects to your workspaces then you will see added projects like below images in <strong>Project Explorer</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/lib_eklendi.png" />
</p>
<p>Import Project steps finished. You can <strong>build</strong> added projects. Right click on project files and click <strong>Build Project</strong>. If you don’t have any error in console, build projects has done.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/build_pro.png" />
</p>
<h3 id="create-project">Create Project</h3>
<p>This section you will demonstrate how to create new C/C++ project in <strong>MCUXpresso IDE</strong> for <strong>LPC11xx</strong> and <strong>LPC1768</strong>.</p>
<p>Firstly, we need to import <strong>CMSIS Library</strong> our workspaces. After that we can create new <strong>LPC C/C++</strong> embedded projects.</p>
<p>In <strong>Project Explorer</strong> section right click and select <strong>New</strong> and <strong>New C/C++ Project</strong></p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro.png" />
</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro2.png" />
</p>
<p>Then select which MCU Type you have. I have <strong>LPC1113/302</strong> and <strong>LPC1768</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro3.png" />
</p>
<p>Select which language develop your project opened panel. If you select LPCOpen projects before you need to download LPCOpen libraries. I will use <strong>CMSIS Library</strong> so select C project. Then click <strong>Next</strong> button.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro4.png" />
</p>
<p>Type your project name in <strong>Project name:</strong> label then click <strong>Next</strong> button.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro5.png" />
</p>
<p>This section is important. You will see <strong>Wizard properties page</strong> and select which library you want to use in <strong>CMSIS Core library</strong>. You need to be careful when select core library because you have already imported your library in workspace before. I have already imported <strong>CMSISv2p00_LPC11xx and CMSISv1p30_LPC17xx</strong> these libraries into my workspace.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro6.png" />
</p>
<p>After select core library click <strong>Next</strong> and you can simply see your project into your workspace.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro7.png" />
</p>
<p>Simply you can see your project that in <strong>Project Explorer</strong>.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro8.png" />
</p>
<p>After all that time you can build your project, shown below images.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro9.png" />
</p>
<p>These steps finished and your simple project has ready for development with in <strong>CMSIS</strong> library.</p>
<h3 id="add-external-library">Add External Library</h3>
<p>Most of our development times we create external or internal library for our purpose usage. Some libraries must be generic and use where you want. So we need to add these libraies our main projects. This section demonstrate you how to import <strong>external library</strong> to your project.</p>
<p>Firstly, right click on your project and go to <strong>Properties</strong> than go to <strong>Settings</strong> label under <strong>C/C++ Build</strong> section.</p>
<table>
<thead>
<tr>
<th style="text-align: center">Properties</th>
<th style="text-align: center">C/C++ Build</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center"><img src="https://coderkan.github.io/images/C_C++/yeni_pro8.png" alt="Alt text" /></td>
<td style="text-align: center"><img src="https://coderkan.github.io/images/C_C++/yeni_pro10.png" alt="Alt text" /></td>
</tr>
</tbody>
</table>
<p>After selected <strong>Settings</strong> label than select Includes under <strong>Tool Settings</strong> than add your library path in <strong>Include paths (-l)</strong> label with <strong>Add</strong> button. You can simply see how to add library paths as below images.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro11.png" />
</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro12.png" />
</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro13.png" />
</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro14.png" />
</p>
<p>After all that you can <strong>Build</strong> your project and see has any error or other things you need.</p>
<h3 id="debug-project">Debug Project</h3>
<p>Development time all developers need to <strong>Debug</strong> so this section demonstrate how to debug <strong>MCUXpresso</strong> project.</p>
<p>In order to debug the created project we select our project in <strong>Project Explorer</strong> and then click on the <strong>Debug ** tab in the **Quick Start</strong> panel and then wait for <strong>Jlink</strong> to run.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro15.png" />
</p>
<p>The first time we run the JLink screen will continue to select the future and we are ready to use the screen by clicking on <strong>Accept</strong> button.
In order to be able to install the program, the energy of the cycle should be given your device circuit.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro16.png" />
</p>
<p>If <strong>Debug</strong> succeeds, the <strong>main</strong> function will also fall to <strong>breakpoint</strong>. After that
Debug başarılı olursa <strong>main</strong> fonksiyonun da <strong>breakpoint</strong> e düşecektir. Then you can run the project by pressing the <strong>Resume All Debug</strong> button at the bottom.</p>
<p align="center">
<img src="https://coderkan.github.io/images/C_C++/yeni_pro17.png" />
</p>
<p>I hope you enjoy reading.</p>
<p>Have a nice coding…</p>
<p><a href="https://coderkan.github.io/c/c++/mcuxpresso-usage">MCUXPresso Usage</a> was originally published by Erkan Güzeler at <a href="https://coderkan.github.io">Notepad</a> on December 03, 2017.</p>