index.qmd

---
format: 
  html:
    page-layout: full

toc: false
title: "DevStart Workshops"
title-meta: "DevStart Workshops"
description-meta: "DevStart Workshops offer hands-on training in eye-tracking methodology, statistical analysis, and programming for developmental science researchers. Learn to design experiments, collect and analyze data using open-source tools like Python and R, and implement best practices for research with infants and children. Browse our upcoming and past workshops."
keywords: "devstart, workshop, eye-tracking, developmental-science, open-source-tools, tobii-eye-trackers, python-experiments, r-data-analysis, mixed-effects-models, psychopy,  eye-tracking-methodologies, cognitive-research, open-science, developmental-research"
---

<img src="resources/LOGO_workshop.png" alt="DevStart Workshops Logo" style="float: right; margin-left: 20px;margin-right: 20px; margin-bottom: 20px; max-width: 200px;"/><br>

DevStart Workshops offer hands-on training in eye-tracking methodology, statistical analysis, and programming for cognitive scientists. The topics of our workshops are always covered on [DevStart](devstart.org) too. We run them both independently and as part of larger events (e.g., conferences, summer schools, or workshop series). <br><br> This website serves us as a hub to provide the participants of each specific workshop with all the relevant information, materials, and resources. <br><br><br>

### Topics

Our workshops cover different topics including:

<details>
<summary>Eye-Tracking</summary>

- Design eye-tracking experiments (also for infants and children)
- Collect data using DeToX, our Python package for Tobii eye-trackers
- Preprocess data with fixation classification methods optimized for young participants
- Analyze gaze and pupil data

</details>

<details>
<summary>Statistical Analysis</summary>

- Linear and generalized mixed-effects modelling
- Bayesian modelling
- Publication-ready data visualization

</details>

and we are working on expanding our themes and topics even further! 
<br>

## Our workshops, past and future

If you're interested in our past events or you don't want to miss our next ones, here's a full list of our workshops:

```{r}
#| label: timeline extraction from csv
#| echo: false
#| output: false

library(readr)

# Read timeline data
timeline_data <- read_csv("WorkshopsTimeline.csv", show_col_types = FALSE)

# Build HTML string
html_output <- '<div class="timeline-wrapper">\n  <div class="timeline-container">\n\n'

# Generate timeline items
for (i in 1:nrow(timeline_data)) {
  item <- timeline_data[i, ]
  
  # Determine classes from each CSV row: TRUE = active/upcoming, FALSE = past
  current_value <- toupper(trimws(as.character(item$current)))
  is_current <- !is.na(item$current) && current_value %in% c("TRUE", "1", "YES")
  classes <- "timeline-item"
  if (!is_current) {
    classes <- paste(classes, "past")
  }

  # Keep IDs unique even when several workshops are active/upcoming.
  id_attr <- sprintf(' id="timeline-event-%s"', i)

  # Build location HTML (if location column exists)
  location_html <- ""
  if ("location" %in% names(item) && !is.na(item$location)) {
    location_html <- sprintf('        <div class="timeline-location">%s</div>\n', item$location)
  }
  
  # Check if link exists and determine tag type
  has_link <- !is.na(item$link) && item$link != ""
  if (has_link) {
    content_open <- sprintf('      <a href="%s" class="timeline-content">\n', item$link)
    content_close <- '      </a>\n'
  } else {
    content_open <- '      <div class="timeline-content timeline-no-link">\n'
    content_close <- '      </div>\n'
  }
  
  # Build HTML for this item
  html_output <- paste0(html_output,
    sprintf('    <div class="%s"%s>\n', classes, id_attr),
    '      <div class="timeline-date-container">\n',
    sprintf('        <div class="timeline-date">%s</div>\n', item$date),
    location_html,
    '      </div>\n',
    '      <div class="timeline-center">\n',
    '        <div class="timeline-line"></div>\n',
    '        <div class="timeline-icon"></div>\n',
    '      </div>\n',
    content_open,
    sprintf('        <h3>%s</h3>\n', item$title),
    sprintf('        <p>%s</p>\n', item$description),
    content_close,
    '    </div>\n\n'
  )
}

# Close timeline wrapper
html_output <- paste0(html_output, '  </div>\n</div>\n')
```

```{=html}
`r html_output`
```

```{=html}
<script>
  (() => {
    const scrollTimelineToLatest = () => {
      const timeline = document.querySelector('.timeline-wrapper');
      if (!timeline) return;
      timeline.scrollTop = timeline.scrollHeight;
    };

    document.addEventListener('DOMContentLoaded', () => {
      requestAnimationFrame(scrollTimelineToLatest);
    });
    window.addEventListener('load', scrollTimelineToLatest);
  })();
</script>
```

## Interested in Hosting a Workshop?

Don't see a workshop that fits your needs? We'd love to collaborate with you! Whether you're organizing a conference, summer school, or institutional training event, we can design a customized workshop tailored to your group's specific interests and skill levels.

**Get in touch:**

-   Tommaso Ghilardi: [t.ghilardi\@bbk.ac.uk](mailto:t.ghilardi@bbk.ac.uk)
-   Francesco Poli: [francesco.poli\@mrc-cbu.cam.ac.uk](mailto:francesco.poli@mrc-cbu.cam.ac.uk)
-   Giulia Serino: [g.serino\@bbk.ac.uk](mailto:g.serino@bbk.ac.uk)