slide div e fixo div, igual ao imaster

Pessoal!

Quem souber e quiser contribuir agradeço.
Olhando o site do iMasters, basimente nesta tela: 
https://imasters.com.br/desenvolvimento/pwa-progressive-web-apps-e-o-minimo-que-voce-precisa-saber-respeito/?trace=1519021197&source=single

Notei duas coisas interessantes:

	1) ao passar o mouse no lado esquerdo tem uma div que vem para a esquerda;

	2) tem uma div no contexto da página também, que quando chega em determinada região, fica fixa e depois em determinada região some novamente;

Usa-se JQ e CSS, mas qual seria a melhor maneira de criar, jeito correto?

Quem quiser contribuir com exemplos, agradeço.

Para aprendizado.