Homework assignment

[Akif Eyler]

HW#1 -- Course data

 

* You can rename and modify the “Array Demo.html” file to implement homework.

* There are three user input areas and four buttons with specified functions

• Add button         – adds a new record (Name, Midterm and Final) to the array
• Print button        – prints array contents as shown in the attached image
• Avg button         – calculates average (Midterm and Final) for each course in the array and prints
• Max button         – finds the course which has the maximum average and prints the course

* No report, no mail – just show the work in your repo

Due date : 8 October, Monday - 17:00 latest  (işinizi sabah da gösterebilirsiniz)

_Akif_Eyler_

[Akif Eyler]

HW#2 Student Database -- due on Tue Oct 30

A web page to make queries about courses and students similar to
https://maeyler.github.io/JS/data/Students.html

1. Design three classes:  Course, Student, Database
Make Database.js and Database.html similar to  Quiz.js and Quiz.html
(Do not use the Inspector except for Menu)

2. Read  Courses.txt and Students.txt  in the same folder
into two Map objects defined in  Database class

3. At least the following queries must be answered:
* A random student
* Number of students above a given GPA
* Courses taken by a given student
* Exam schedule for a given student
* Student list taking a given course
* Course list for a given exam room
* Total number of courses in a given room
* One more query of your choice

Other notes:

* You may use methods found in Students.html

* External libraries or frameworks are not allowed

* No report, no mail – just show the work in your repo

Due date :  October 30, Tuesday  (işinizi bütün gün gösterebilirsiniz)

_Akif_Eyler_

[Akif Eyler]

Bedirhan'a erken davranıp gönderdiği sorular için teşekkürler

On Fri, Oct 26, 2018 at 2:55 PM Bedirhan YILDIRIM 

Fetch ile localdeki dosyaları okumamıza izin vermiyor. Chrome, http veya https protokolü olmasını istiyor yani internetten okuyor. Firefox'ta fetch localdeki dosyaları okumaya izin veriyor. Local dosyaları okumak için fetch mi kullanacağız?

Hayır, fetch() sadece uzak (remote) URL için kullanılır -- Yerel dosya (local file) için ayrıca bir ödev gelecek

Okuyacağınız iki dosyayı JS reposunda bulacaksınız:

https://maeyler.github.io/JS/data/Students.html

 

Bir diğer sorum da course classı ile oluşturduğum nesnelerin hepsi bir Map'in içinde olacaksa key değerleri ne olacak? Key değerleri sıralı id olunca diziden farkı kalmıyor. 

Görünüşte bir farkı yok ama Array içinde indexOf() ile aramak Map içindeki get() metodundan daha yavaş

Array uses sequential search, Map uses hash table

Kayıt sayısı 100 civarında ise fark göremezsiniz, 10.000'lere gelince Array'de aramak çok yavaş olur

[Akif Eyler]

iki soru daha geldi:

On Sun, Oct 28, 2018 at 1:26 PM Zeynep Nasip 

HW2'de hem exam room hem course room var. Course.txt dosyasındaki en sondaki sınıf kodlarında hangileri exam room hangileri normal course room, algılayamadım

Hepsi sınav yeri -- Course data contain only "exam rooms" 

On Sat, Oct 27, 2018 at 6:06 PM Arif Burak Dikmen 

1) Ödevi Students.html'i modify ederek yapabilir miyiz? 

Class yapısını ayrı bir JS dosyasında kuracağınız için html'den başlamak çok verimli olmaz

Elbette içindeki fonksiyonlardan fikir alabilirsiniz ama veri yapısı çok farklı olacak -- Map kullanmak gerekiyor

 

2) Senkron programlamada iki fonksiyonu aynı anda çalıştırmak için multithread kullanılırken, asenkron programlamada böyle bir yapı yok. Peki asenkron programlama bu yapıyı nasıl oluşturuyor? 

 

Bu soruyu diğer derslere havale ediyorum... Güzel bir web sayfası yapmak için bunu bilmeriz gerekmiyor

Cevap şurada gizli: bir tek işlemci (Processor) ve bir tek Thread ile her algoritmayı çalıştırabiliriz

Bir de şu soru geldi ama verecek cevap bulamıyorum :)

On Sat, Oct 27, 2018 at 8:06 PM

Homework 2 ödevi hakkında pek bir şey anlamadım. Nasıl bir şey istiyorsunuz?

 

[Akif Eyler]

HW#3  Animation -- due on Tuesday, Nov 20

Make a web page with some non-trivial CSS animation

You must use  Element.animate()  method

_Akif_Eyler_

 

[Akif Eyler]

Hocam derste kullandığınız transformlardan mı ödevi yapacağız yoksa css mi kullanacağız ?

ikisi aynı şey...  Bu ödevde Element.animate()  metodunu kullanmanız gerekiyor

böylece elemanların style bilgisi değiştirildiği için CSS  sayılıyor...

[Akif Eyler]

Make a web page with some non-trivial CSS animation

You must use  Element.animate()  method

You may ignore this requirement if you cannot make a good animation with this constraint

Bu kısıt nedeniyle sorunlar çıkıyorsa animate() kullanmadan yapabilirsiniz

[Akif Eyler]

Ev ödevini asistan hocalara göstereceksiniz

Ayrıca mail göndermeyin

On Tue, Nov 13, 2018 

HW#3  Animation -- due on Tuesday, Nov 20 (today)

[Akif Eyler]

HW#4a My Home Page -- due on Tuesday, Nov 27

Make your home page (index.html) into a Web App, with your original icon

Your page must contain separate and readable links to HW and CW pages

You should also include several links that you find interesting or instructive

Do not send me any replies -- We know your home page

_Akif_Eyler_

 

[Akif Eyler]

HW4 notlarını verdim, bunları yükseltebilirsiniz

10 alanlar bütün ödevlere link veren bir PWA yapmış demektir

(Kendi reponuzdaki linkin bu sayfayı göstermesi gerekiyor)

Ana sayfanız henüz PWA halinde değilse 5 puan gitti, ama geri kazanabilirsiniz

_Akif_Eyler_

On Fri, Nov 23, 2018 at 11:37 

HW#4a My Home Page -- due on Tuesday, Nov 27

Make your home page (index.html) into a Web App, with your original icon

Your page must contain separate and readable links to HW and CW pages...

[Akif Eyler]

Burak, ana sayfan PWA olmalı -- ödevin esası buydu

https://burakeless.github.io/Advanced-Programming/

Ayrıca, CW'lerin ne olduğunu yazmalısın

Birisini işe alacak olsan bu sayfanın yazarını alır mısın?

_Akif_Eyler_

On Fri, Dec 7, 2018 at 9:52 

Homework 4 notum 3 olarak girilmiş. Eksiklerimi öğrenebilme ihtimalim var mı acaba?

 

[burak keles]

Ben PWA icin anasafamda Homework4 icin link vermiştim. Düzelteyim o zaman.

PWA Link: https://burakeless.github.io/Advanced-Programming/site/index.html

Teşekkürler Hocam

Android için BlueMail uygulamasını edinin

On 07 Ara 2018 , at 10:00 , Akif Eyler <ma.e...@gmail.com> yazdı:

[Akif Eyler]

On Fri, Dec 7, 2018 at 10:34  burak keles 

PWA icin anasayfamda Homework4 icin link vermiştim. Düzelteyim o zaman.

"Motivasyon" başlıklı mail'i tekrar okumanızı tavsiye ederim

Burada sadece bir ders ödevi yapmıyoruz, cv'nize şekil veriyoruz

Bu sayfalar şimdi baştan savma olursa sonradan düzeltmeye vaktiniz olmayacak

 

On 07 Ara 2018, at 10:00

Burak, ana sayfan PWA olmalı -- ödevin esası buydu

https://burakeless.github.io/Advanced-Programming/

Ayrıca, CW'lerin ne olduğunu yazmalısın...

[Akif Eyler]

HW#4b Our Home Page -- due on Wednesday, Dec 12 (end of lab hour)

This is an example of collaborative work. 

Each student will modify one line in our home page.

1. Make sure your fork to BLM305 contains 35 commits as shown in the attachment <-- important

2. Add your entry to index.html -- both links will be absolute addresses in your own repo

    <td>

      <a href="https://user.github.io/repo/">your name in lower case</a>

    </td><td>

      <a href="https://user.github.io/repo/xxx.html">project topic

      <span class="tip">project explanation</span></a>

    </td>

3. Make sure index.html opens correctly in your desktop

4. Make a commit with your name, push it into your repo, and send a Pull Request

Team leaders will check and accept only the correct entries: One commit with one file change

[Akif Eyler]

Dönemin sonuna geldik, jüri olarak sunumlardan memnun kaldık, notlarınız ilan edildi

Rapor notunuz 20 değilse şu sebeplerden olabilir:

İngilizce değil, Referans yok, Şekiller yetersiz, Kodlamayla ilgili tek satır yok

Sadece bir GitHub işimiz kaldı, bunu da yapınca hepimizin işi hepimizin reposunda olacak

====================================================================

Modify the Home Page -- due on Wednesday, Dec 26 (end of lab hour)

This is a more complicated example of collaborative work. 

Each student will modify one line in the home page and add one file to the project folder.

1. Make sure your fork to BLM305 contains 126 commits as shown in the attachment <-- important

   and the link over there has your user name (like SmallSimpleSafe in the attachment)

2. Add your file to the project folder and rename it with your user name (xxx.html)

   Modify index.html -- the link must be a relative address in the same folder

      <a href="xxx.html">project topic</a>

In case you have more than one file, the links within xxx.html must be absolute addresses in your repo

3. Make sure index.html opens correctly in your desktop <-- important

4. Make a commit, push it into your repo, and send a Pull Request

File name, commit name, and PR name should all indicate your user name 

Team leaders will check and accept only the correct entries: One file changed and one file added

_Akif_Eyler_