Category Internship

Front-end Internship: Day 6&7

I. Convert the following PSD (Photoshop) web design to HTML/CSS/JS. Source files Design files: download here Fonts: Open Sans Playfair Display Requirements Convert PSD file to HTML/CSS/JS. Add datepicker script. Add autocomplete script (for city name inputs). Add popup script with slider inside. Add customer thoughts slider. Workflow Create project using the latest version of LibSASSerplate Use […]

Stack of books for developers

Young developers start their adventure with programming, ask a lot of questions on the internet about the best programming books. The most common answers are books describing the syntax and rules of the language. Developers forget about the rest of skills that I think should know every dev. These are the correct approach to work, […]

Front-end Internship: Day 5

I. Learn GIT branching Check the online course: http://learngitbranching.js.org/index.html II. Convert the following PSD (Photoshop) web design to HTML/CSS/JS. Source files Design files: download here Fonts: Open Sans Playfair Display Requirements Convert PSD file to HTML/CSS/JS. Add datepicker script. Add autocomplete script (for city name inputs). Add popup script with slider inside. Add customer thoughts slider. Workflow Create project […]

Front-end Internship: Day 4

I. Learn basic CSS animations. Get CSS animations course form your mentor. Check all the lessons, push the effects into your GitHub repository. II. Convert the following PSD (Photoshop) web design to HTML/CSS/JS. Source files Design files: download here Fonts: Roboto (Google Web Fonts) Requirements Level Easy: Prepare project without custom fonts. Level Medium Add Google Webfonts Add HTML5 […]

Front-end Internship: Days 2-3

I. Recall basics of Adobe Photoshop Using Photoshop CC for Web Design & Front End Development | Bangla Photoshop Foundations Design Course The Ultimate Developer’s Guide to Converting PSD to HTML Photoshop Extensions for Front-end Developers II. Convert the following PSD (Photoshop) web design to HTML/CSS/JS. Source files Design files: http://frontendapp.com/projects/preview/a8d52e03e26061b781d2 Fonts: Arial (system) Roboto (Google […]

Front-end Internship: Day 1

This is your first day of the internship program. You need to recall the basics, configure your environment and create accounts in our collaboration tools. The minimum setup: Skype or Slack account Google Account (for using Google Docs) GitHub Account Text Editor (pick one: Sublime Text, Atom, Visual Studio Code) GIT Adobe Photoshop I. Setup GitHub […]

GIT Excercises: Level Basic

1. To initialize a Git repository here, type command. 2. OK, let’s type git status to see what the current state of our project. 3. Create file and called it example1.txt in the your folder. Run git status again and see how the repository status has changed. 4. How Git says example1.txt is “untracked”? That […]

How to name your CSS components?

Sometimes beginners are wasting much time thinking about a good class name for specific HTML element (component). We’ve prepared a list to help with getting some fresh ideas. Wrappers Elements for wrapping general layout. .wrapper .container .inner .outer .row Main Sections Root sections of the page. .header .footer .section .section-*** Page Sections Main sections on the […]