Skip to content

Commit

Permalink
Added some recommended learning resources
Browse files Browse the repository at this point in the history
  • Loading branch information
@olekscode
olekscode committed Nov 14, 2024
1 parent 67f2a5a commit f283228
Show file tree
Hide file tree
Showing 6 changed files with 267 additions and 6 deletions.
2 changes: 1 addition & 1 deletion website/hotels.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@
<a href="./venue.html" rel="noopener noreferrer">Venue</a>
<a href="./program.html" rel="noopener noreferrer">Program</a>
<a href="./hotels.html" rel="noopener noreferrer" class="active">Hotels</a>
<!-- <a href="./resources.html" rel="noopener noreferrer">Learning Resources</a> -->
<a href="./resources.html" rel="noopener noreferrer">Resources</a>
<a href="javascript:void(0);" class="icon" onclick="toggleTopMenu()">
<i class="fa fa-bars"></i>
</a>
Expand Down
2 changes: 1 addition & 1 deletion website/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
<a href="" rel="noopener noreferrer" class="active">Home</a>
<a href="./venue.html" rel="noopener noreferrer">Venue</a>
<a href="./program.html" rel="noopener noreferrer">Program</a>
<!-- <a href="./resources.html" rel="noopener noreferrer">Learning Resources</a> -->
<a href="./resources.html" rel="noopener noreferrer">Resources</a>
<a href="javascript:void(0);" class="icon" onclick="toggleTopMenu()">
<i class="fa fa-bars"></i>
</a>
Expand Down
2 changes: 1 addition & 1 deletion website/program.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@
<a href="./index.html" rel="noopener noreferrer">Home</a>
<a href="./venue.html" rel="noopener noreferrer">Venue</a>
<a href="./program.html" rel="noopener noreferrer" class="active">Program</a>
<!-- <a href="./resources.html" rel="noopener noreferrer">Learning Resources</a> -->
<a href="./resources.html" rel="noopener noreferrer">Resources</a>
<a href="javascript:void(0);" class="icon" onclick="toggleTopMenu()">
<i class="fa fa-bars"></i>
</a>
Expand Down
245 changes: 243 additions & 2 deletions website/resources.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@
<a href="./index.html" rel="noopener noreferrer">Home</a>
<a href="./venue.html" rel="noopener noreferrer">Venue</a>
<a href="./program.html" rel="noopener noreferrer">Program</a>
<a href="./resources.html" rel="noopener noreferrer" class="active">Learning Resources</a>
<a href="./resources.html" rel="noopener noreferrer" class="active">Resources</a>
<a href="javascript:void(0);" class="icon" onclick="toggleTopMenu()">
<i class="fa fa-bars"></i>
</a>
Expand All @@ -96,7 +96,248 @@
</header>

<main>
<h1>Learning Resources</h1>
<h1><span style="color: var(--color-dark-gray)">isLoop 2025</span>
Recommended Resources</h1>

At isLoop school, we will teach you the basics of Pharo programming
language and environment. However, if you want to get a deeper
understanding of Pharo, we suggest you to take a look at the following
learning resources.

<h2>Massive Open Online Courses (MOOCs)</h2>

There are two wonderful online courses provided by Inria that will teach
you the basics and the advanced techniques of object-oriented programming
in Pharo with short video lectures and exercises. Both courses are
available for free in English and French at
<a href="https://www.fun-mooc.fr" rel="noopener">
France Université Numérique
</a>.

<h3>Live Object Programming in Pharo</h3>

If you are either a beginner or an expert in object-oriented programming,
this MOOC will change the way you program with objects: come and learn or
rediscover object-oriented programming with Pharo!

<table>
<thead>
<tr>
<th>Level</th>
<th>Effort</th>
<th>Languages</th>
</tr>
</thead>
<tbody>
<tr>
<td>Beginner</td>
<td>40 hours</td>
<td>English, French</td>
</tr>
</tbody>
</table>

<ul>
<li>
<a href="https://youtu.be/rI_-gadMvnE" rel="noopener">
Teaser video (FR)
</a>
</li>
<li>
<a href="https://youtu.be/JUKIjdjGjBU" rel="noopener">
Introduction video (EN)
</a>
</li>
<li>
<a href="https://www.fun-mooc.fr/en/courses/live-object-programming-pharo/" rel="noopener">
Pharo MOOC on FUN
</a>
</li>
<li>
<a href="https://mooc.pharo.org/" rel="noopener">
Files & Slides
</a>
</li>
</ul>

<h3>Advanced object oriented design and development with Pharo</h3>

This MOOC is about Advanced Object-Oriented Design. You will get to know
and understand the key mechanisms and the essence of OOD. Either you are
a beginner or an expert in object-oriented programming, this MOOC immerses
you in advanced object-oriented design. We are sure that you will not
develop the same way after following this unique lecture. It is built on
more than 60 years of expert teaching object-oriented design.

<table>
<thead>
<tr>
<th scope="col">Level</th>
<th scope="col">Effort</th>
<th scope="col">Languages</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Level">Advanced</td>
<td data-label="Effort">40 hours</td>
<td data-label="Languages">English, French</td>
</tr>
</tbody>
</table>

<ul>
<li>
<a href="https://youtu.be/3A6tLsf4-q0" rel="noopener">
Teaser video (EN)
</a>
</li>
<li>
<a href="https://www.fun-mooc.fr/en/courses/advanced-object-oriented-design-and-development-with-pharo/" rel="noopener">
Advanced Pharo MOOC on FUN
</a>
</li>
<li>
<a href="https://advanced-design-mooc.pharo.org/" rel="noopener">
Files & Slides
</a>
</li>
</ul>

<h2>Pharo Books</h2>

You can find all the official books and booklets on Pharo and related
topics / libraries at <a href="https://books.pharo.org/" rel="noopener">
https://books.pharo.org/</a>. Here, we would like to highlight two of them.

<h3>Pharo By Example</h3>

Pharo by Example 9 is the third edition of Pharo by Example. It is based
on Pharo 9. It covers all the elements of the language, core libraries and
the IDE. The book is available in English and Ukrainian.

<ul>
<li>
<a href="https://www.amazon.fr/dp/2322394106/" rel="noopener">
Buy a printed copy on Amazon
</a>
</li>
<li>
<a href="https://books.pharo.org/pharo-by-example9/" rel="noopener">
Free PDF of the printed version
</a>
</li>
<li>
<a href="https://github.com/SquareBracketAssociates/NewPharoByExample9/releases/tag/latest" rel="noopener">
Free PDF of the latest version
</a>
<i>(click on the PDF file under "Assets")</i>
</li>
</ul>

<h3>Pharo with Style</h3>

A short book which presents some guidelines to improve your programming
style. It covers topics such as naming conventions, code formatting,
comments, good practices and potential traps.

<ul>
<li>
<a href="https://www.amazon.fr/dp/232218201X/" rel="noopener">
Buy a printed copy on Amazon
</a>
</li>
<li>
<a href="https://books.pharo.org/booklet-WithStyle/" rel="noopener">
Free PDF of the printed version
</a>
</li>
<li>
<a href="https://github.com/SquareBracketAssociates/Booklet-PharoWithStyle/releases/tag/latest" rel="noopener">
Free PDF of the latest version
</a>
<i>(click on the PDF file under "Assets")</i>
</li>
</ul>

<h2>Pharo Wiki</h2>

To find answers to some less trivial questions, you can read Pharo Wiki -
a community-managed collection of articles, guides, tips & tricks from
expert Pharo programmers.

<ul>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki" rel="noopener">
Pharo Wiki in English
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki-jp" rel="noopener">
Pharo Wiki in Japanese
</a>
</li>
</ul>

Here are some articles from Pharo Wiki that we recommend you to read:

<ul>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/MustKnowForBeginners.md" rel="noopener">
Must know for beginners
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/InterestingsToKnowForBeginners.md" rel="noopener">
Interesting things to know for beginners
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/CoolSnippets.md" rel="noopener">
Cool Snippets
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/SortingCollections.md" rel="noopener">
Sorting collections
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/Traits.md" rel="noopener">
Traits
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/Pragmas.md" rel="noopener">
Pragmas
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/Playground.md" rel="noopener">
Playground
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/Inspector.md" rel="noopener">
Inspector
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/Baselines.md" rel="noopener">
Baselines
</a>
</li>
<li>
<a href="https://github.com/pharo-open-documentation/pharo-wiki/blob/master/General/GithubActions.md" rel="noopener">
Setting up your continuous integration via GitHub Actions
</a>
</li>
<li>
<a href="https://github.com/pharo-project/pharo/wiki/Contribute-a-fix-to-Pharo" rel="noopener">
Contribute a fix to Pharo
</a>
</li>
</ul>

</main>

Expand Down
20 changes: 20 additions & 0 deletions website/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -151,6 +151,26 @@ img.banner {
height: 30rem;
}

table {
border: 0;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
margin-top: 1.2em;
}

table tr {
background-color: var(--color-light-gray);
border: 1px solid #ddd;
padding: .35em;
}

table th,
table td {
padding: .625em;
text-align: center;
}

.hotels-table {
text-align: left;
display: block;
Expand Down
2 changes: 1 addition & 1 deletion website/venue.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@
<a href="./index.html" rel="noopener noreferrer">Home</a>
<a href="./venue.html" rel="noopener noreferrer" class="active">Venue</a>
<a href="./program.html" rel="noopener noreferrer">Program</a>
<!-- <a href="./resources.html" rel="noopener noreferrer">Learning Resources</a> -->
<a href="./resources.html" rel="noopener noreferrer">Resources</a>
<a href="javascript:void(0);" class="icon" onclick="toggleTopMenu()">
<i class="fa fa-bars"></i>
</a>
Expand Down

0 comments on commit f283228

Please sign in to comment.