├── Extensions.txt ├── html-css ├── flex │ ├── flexIntro.html │ └── flexSample.html ├── grid │ └── cssGridSample.html ├── intro │ ├── VhSample.html │ ├── blockElement.html │ ├── boxModel.html │ ├── cssIntro.html │ ├── cssSelectors.html │ └── intro.html ├── sass │ ├── _reset.scss │ ├── _variables.scss │ ├── index.html │ ├── layout │ │ └── _left-menu.scss │ ├── main.css │ ├── main.css.map │ ├── main.scss │ └── pages │ │ └── home │ │ └── _home.scss └── templates │ ├── reset.css │ └── template-1.html ├── js ├── api │ ├── advancedAxios.html │ ├── axiosDeleteSample.html │ ├── axiosGetSample.html │ ├── axiosPostSample.html │ └── fetchGetSample.html ├── arrayMethods.html ├── arrayMethods2.html ├── arrayMethodsSample.html ├── arrays.html ├── dataTypes.html ├── dersAktifOdev1.txt ├── dom │ ├── domInputSample.html │ ├── domSample.html │ ├── jsDomIntro.html │ └── timingEventSample.html ├── jsCallBackAndArrow.html ├── objectArray.html ├── objectIntro.html ├── stringMethods.html └── varLetConst.html ├── odevLoops.txt ├── odevStringFunctions.txt └── okuBeniBirZahmet.txt /Extensions.txt: -------------------------------------------------------------------------------- 1 | Fake Filler 2 | https://chrome.google.com/webstore/detail/fake-filler/bnjjngeaknajbdcgpfkgnonkmififhfo 3 | 4 | 5 | Light Shot 6 | https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp 7 | 8 | Json Viewer Pro 9 | https://chrome.google.com/webstore/detail/json-viewer-pro/eifflpmocdbdmepbjaopkkhbfmdgijcc 10 | -------------------------------------------------------------------------------- /html-css/flex/flexIntro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 15 | 16 | 17 | 18 |
19 |
20 | BOX - 1 21 |
22 | 23 |
24 | BOX - 2 25 |
26 |
27 | 28 | 29 | -------------------------------------------------------------------------------- /html-css/flex/flexSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 27 | 28 | 29 | 30 | 31 |
32 |
33 | 34 |

Fancy Product

35 |

$40.00 - $80.00

36 | View options 37 |
38 | 39 | 40 |
41 | 42 |

Fancy Product

43 |

$40.00 - $80.00

44 | View options 45 |
46 |
47 | 48 |

Fancy Product

49 |

$40.00 - $80.00

50 | View options 51 |
52 |
53 | 54 |

Fancy Product

55 |

$40.00 - $80.00

56 | View options 57 |
58 |
59 | 60 | 61 | -------------------------------------------------------------------------------- /html-css/grid/cssGridSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 32 | 33 | 34 | 35 | 36 |
37 | 38 |
Box - 1
39 |
Box - 2
40 |
Box - 3
41 |
Box - 4
42 |
Box - 5
43 |
Box - 6
44 |
Box - 7
45 |
Box - 8
46 |
Box - 9
47 |
Box - 10
48 |
Box - 11
49 |
Box - 12
50 | 51 |
52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /html-css/intro/VhSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |
10 | Hello 11 |
12 | 13 | -------------------------------------------------------------------------------- /html-css/intro/blockElement.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 16 | 17 | 18 |
19 | box - 1 20 |
21 |
22 | box - 2 23 |
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /html-css/intro/boxModel.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 24 | 25 | 26 |
27 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptas eligendi quam, soluta modi molestiae nulla. Tempore distinctio provident atque? Quisquam aliquam adipisci ex ea minima? Non est sunt consectetur libero? 28 |
29 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /html-css/intro/cssIntro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |

Tech Career

13 | 14 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus similique eos commodi suscipit. Cum nam provident pariatur blanditiis incidunt. Tempore voluptatum exercitationem nesciunt ea ullam amet maxime a soluta quas.

15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /html-css/intro/cssSelectors.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 25 | 26 | 27 | 28 | 29 | 34 | 35 |

Türkiye

36 | 37 |
38 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam eveniet saepe incidunt! Odit vero quis harum quod 39 | suscipit doloremque omnis inventore, pariatur officiis alias molestias quasi a delectus magnam earum.

40 | 41 |
42 | 43 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Amet reprehenderit enim illo voluptas necessitatibus 44 | sequi ullam eaque delectus quod similique obcaecati aspernatur doloribus vero aliquid provident a, ex fugit 45 | quos?

46 | 47 |
48 |

Tech Career

49 | 50 |
51 |

Çağatay Yıldız

52 |
53 | 54 | 55 | -------------------------------------------------------------------------------- /html-css/intro/intro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod quae eveniet ipsa quaerat iure odit porro quis adipisci cupiditate enim similique soluta minus fugiat iste, error in pariatur vel corporis!

10 |

Çağatay Yıldız

11 | İzmir 12 | 13 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /html-css/sass/_reset.scss: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | body { 32 | line-height: 1; 33 | } 34 | ol, ul { 35 | list-style: none; 36 | } 37 | blockquote, q { 38 | quotes: none; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ''; 43 | content: none; 44 | } 45 | table { 46 | border-collapse: collapse; 47 | border-spacing: 0; 48 | } -------------------------------------------------------------------------------- /html-css/sass/_variables.scss: -------------------------------------------------------------------------------- 1 | $primary-color:#BD5D38; -------------------------------------------------------------------------------- /html-css/sass/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 | 15 |
16 |
17 | 18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /html-css/sass/layout/_left-menu.scss: -------------------------------------------------------------------------------- 1 | .leftMenu{ 2 | background-color: $primary-color; 3 | display: flex; 4 | flex-direction: column; 5 | justify-content: center; 6 | align-items: center; 7 | 8 | img{ 9 | width: 160px; 10 | height: 160px; 11 | border:0.5rem solid rgba(255, 255, 255, 0.2) 12 | } 13 | 14 | 15 | } 16 | 17 | -------------------------------------------------------------------------------- /html-css/sass/main.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | html, body, div, span, applet, object, iframe, 6 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 7 | a, abbr, acronym, address, big, cite, code, 8 | del, dfn, em, img, ins, kbd, q, s, samp, 9 | small, strike, strong, sub, sup, tt, var, 10 | b, u, i, center, 11 | dl, dt, dd, ol, ul, li, 12 | fieldset, form, label, legend, 13 | table, caption, tbody, tfoot, thead, tr, th, td, 14 | article, aside, canvas, details, embed, 15 | figure, figcaption, footer, header, hgroup, 16 | menu, nav, output, ruby, section, summary, 17 | time, mark, audio, video { 18 | margin: 0; 19 | padding: 0; 20 | border: 0; 21 | font-size: 100%; 22 | font: inherit; 23 | vertical-align: baseline; 24 | } 25 | 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | 32 | body { 33 | line-height: 1; 34 | } 35 | 36 | ol, ul { 37 | list-style: none; 38 | } 39 | 40 | blockquote, q { 41 | quotes: none; 42 | } 43 | 44 | blockquote:before, blockquote:after, 45 | q:before, q:after { 46 | content: ""; 47 | content: none; 48 | } 49 | 50 | table { 51 | border-collapse: collapse; 52 | border-spacing: 0; 53 | } 54 | 55 | .leftMenu { 56 | background-color: #BD5D38; 57 | display: flex; 58 | flex-direction: column; 59 | justify-content: center; 60 | align-items: center; 61 | } 62 | .leftMenu img { 63 | width: 160px; 64 | height: 160px; 65 | border: 0.5rem solid rgba(255, 255, 255, 0.2); 66 | }/*# sourceMappingURL=main.css.map */ -------------------------------------------------------------------------------- /html-css/sass/main.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["_reset.scss","main.css","layout/_left-menu.scss","_variables.scss"],"names":[],"mappings":"AAAA;;;CAAA;AAKA;;;;;;;;;;;;;EAaC,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,aAAA;EACA,wBAAA;ACAD;;ADEA,gDAAA;AACA;;EAEC,cAAA;ACCD;;ADCA;EACC,cAAA;ACED;;ADAA;EACC,gBAAA;ACGD;;ADDA;EACC,YAAA;ACID;;ADFA;;EAEC,WAAA;EACA,aAAA;ACKD;;ADHA;EACC,yBAAA;EACA,iBAAA;ACMD;;ACpDA;EACI,yBCDW;EDEX,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ADuDJ;ACrDI;EACI,YAAA;EACA,aAAA;EACA,6CAAA;ADuDR","file":"main.css"} -------------------------------------------------------------------------------- /html-css/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import 'reset'; 2 | 3 | @import 'variables'; 4 | 5 | 6 | @import 'layout/left-menu'; -------------------------------------------------------------------------------- /html-css/sass/pages/home/_home.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yakintech/techcareer-frontend-starter-bootcamp/1610a1f509bf3793650642ddaca4b5b5101e8c6a/html-css/sass/pages/home/_home.scss -------------------------------------------------------------------------------- /html-css/templates/reset.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | body { 32 | line-height: 1; 33 | } 34 | ol, ul { 35 | list-style: none; 36 | } 37 | blockquote, q { 38 | quotes: none; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ''; 43 | content: none; 44 | } 45 | table { 46 | border-collapse: collapse; 47 | border-spacing: 0; 48 | } -------------------------------------------------------------------------------- /html-css/templates/template-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 11 | 12 | 13 | 14 | 17 | 18 | 96 | 97 | 98 | 99 | 100 | 110 | 111 | 112 |
113 | 115 |

START BOOTSTRAP

116 |
117 |
118 | 119 |
120 |
121 |

Graphic Artist - Web Designer - Illustrator

122 |
123 | 124 | 125 | 126 | -------------------------------------------------------------------------------- /js/api/advancedAxios.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 46 | 47 | -------------------------------------------------------------------------------- /js/api/axiosDeleteSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 | 12 | 13 |
14 |
15 | 16 |
17 | 18 | 28 | -------------------------------------------------------------------------------- /js/api/axiosGetSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 19 | 39 | 40 | -------------------------------------------------------------------------------- /js/api/axiosPostSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 |
17 | 18 |
19 | 20 | 21 |
22 | 23 |
24 | 25 |
26 | 27 | 28 | 48 | 49 | -------------------------------------------------------------------------------- /js/api/fetchGetSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 15 | 16 | 43 | 44 | -------------------------------------------------------------------------------- /js/arrayMethods.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 40 | 41 | -------------------------------------------------------------------------------- /js/arrayMethods2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 35 | 36 | -------------------------------------------------------------------------------- /js/arrayMethodsSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 301 | 302 | -------------------------------------------------------------------------------- /js/arrays.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 28 | 29 | -------------------------------------------------------------------------------- /js/dataTypes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 31 | -------------------------------------------------------------------------------- /js/dersAktifOdev1.txt: -------------------------------------------------------------------------------- 1 | //fiyatı 30 ile 100 arasında kaç adet ürün var? 2 | //ismi a harfi ile başlayan ürünleri console a yazdır 3 | //ismi a harfi ile BİTEN ürünleri console a yazdır 4 | // id si 10 olan ürünün adını console a yazdır 5 | //discontinued false olan kaç ürün var 6 | // en pahalı ürünün adını console a yazdır 7 | //en ucuz ürünün adını console a yazdır -------------------------------------------------------------------------------- /js/dom/domInputSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 | 12 | 13 |
14 | 15 | 19 | 20 | 32 | -------------------------------------------------------------------------------- /js/dom/domSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 12 | 13 | 991 | -------------------------------------------------------------------------------- /js/dom/jsDomIntro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, voluptatum? Autem magni ea 12 | praesentium provident ducimus odit tenetur sequi, in exercitationem quas eveniet voluptatum vel voluptas quis 13 | vitae amet itaque.

14 | 15 | 16 | 17 | 18 | 50 | 51 | -------------------------------------------------------------------------------- /js/dom/timingEventSample.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 40 | -------------------------------------------------------------------------------- /js/jsCallBackAndArrow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 58 | 59 | -------------------------------------------------------------------------------- /js/objectArray.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 1009 | 1010 | -------------------------------------------------------------------------------- /js/objectIntro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 40 | 41 | -------------------------------------------------------------------------------- /js/stringMethods.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 41 | -------------------------------------------------------------------------------- /js/varLetConst.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | 40 | -------------------------------------------------------------------------------- /odevLoops.txt: -------------------------------------------------------------------------------- 1 | // "Tech Career" metnini tersten yazdır 2 | 3 | // var numbers = [-22, 5, 11, 78, -4, -250, 35, 56, 11, 24, 77, 11] bu dizideki SADECE poizitif sayıların toplamını ekrana yaz 4 | 5 | // var numbers = [-22, 5, 11, 78, -4, -250, 35, 56, 11, 24, 77, 11] bu dizideki en büyük sayı hangisidir? 6 | 7 | //1-50 arası sayılar içinde 3’e veya 5’e tam bölünebilen sayıları console a yaz ve kaç adet olduğunu console yaz. -------------------------------------------------------------------------------- /odevStringFunctions.txt: -------------------------------------------------------------------------------- 1 | 1) " Çağatay Yıldız" isimli metindeki boşlukları kaldır. (REPLACE) 2 | 2) "cagatay yildiz" kelimesindeki boşlukları temizle ve tüm harfleri büyült ( REPLACE ve UPPER) 3 | 3) "******Çağatay Yıldız" isimli metindeki yıldızları kaldır (REPLACE) 4 | 4) "Çağatay Yıldız" metnindeki kelimeler arasında 2 boşluk var bunu bir boşluk yap (REPLACE) 5 | 5) "**Tech Career**" isimli metindeki yıldızları kaldır (REPLACE) 6 | 6) "Tech Career" isimli metnin soluna ve sağına 3 yıldız koy. "***Tech Career***" ( Normal toplama operatörü) 7 | 7) "Tech Career Bilişim teknolojileri" metnindeki son kelimeyi büyült (SUBSTRING) 8 | 8) "Tech bilişim" kelimelerin ilk harflerini büyült (Substring ve upper) -------------------------------------------------------------------------------- /okuBeniBirZahmet.txt: -------------------------------------------------------------------------------- 1 | CSS Selectors 2 | https://webdesign.tutsplus.com/the-30-css-selectors-you-must-memorize--net-16048t 3 | 4 | İki kutunun yanyana gelme hikayesi 5 | https://www.youtube.com/watch?v=OaEtW_CSaPk 6 | 7 | 8 | 9 | 10 | 11 | FLEX 12 | https://www.w3schools.com/css/css3_flexbox.asp 13 | https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 14 | https://flexboxfroggy.com/ 15 | https://www.youtube.com/watch?v=_s15i3MoAyE 16 | 17 | 18 | CSS Ölçü Birimleri 19 | https://medium.com/baakademi/cssde-%C3%B6l%C3%A7%C3%BC-ve-uzunluk-birimleri-6563c2ee9853 20 | --------------------------------------------------------------------------------