*

Week 1: Introduction to web development using HTML/CSS/PHP and Javascript

March 28, 2019 (4 months ago).

https://olatech.pro/week-1-introduction-to-web-development-using-html-css-php-and-javascript/

CSS LessonsDesign LessonsHTML LessonsPHP Lessons

Olawale Adesina
Olawale Adesina
Administrator & Expert
expert

HTML, CSS, PHP and Javascript Tutorial

 

This is the first week of our lessons but i can assure you this is going to be a very long journey for us as we step into web development world as that’s why you should arrange all what you’ll be using from installer to tutorials in a folder on your laptop for easy referencing.

Although we won’t be covering much today but we’ll have a look into the basic starter pack needed to begin this lesson with us.

I believe everyone already has a working Laptop be it Windows or MacOS and for the purpose of this lesson and the subsequent ones, it’s adviseable to get a working headset as well as most of the tutorials to be shared in course of our lessons will mostly be videos tutorials so as to aid easy and fast learning process.

All things been said and with a functioning Laptop and Headset, you’ll only be using internet to download all the video tutorials that’ will be shared in our lessons and all the development work will be done on your local server without the need to connect to internet.

In short, you can always download the materials on your phone before transferring it to your system to minimize the cost of data compared to when connecting and downloading with your Laptop

So, we’ll need a local server on our laptop to host locally our development work and as well a text editor.

For now, i’ll be recommending a simple text editor, Notepad++ although there may be need to upgrade to a better and advance text editor in the long run as you improve in coding and skills but for now, we’ll be using Notepad++ as our Text Editor which is simple and should be very light program to run on all systems irrespective of their specifications and for the local server, i’ll be recommending Xampp for us which i’ll give instructions and guide on where to download and how to install the two(Xampp and Notepad++) in this pre-lesson.

Let start with Notepad++

How to Download and Install Notepad++:

Notepad++ Download Link: https://notepad-plus-plus.org/download/

Visit the download link above and you’ll be redirected to the latest version of the installer, click the box or download icon and the installer will be downloaded to your system.

After the installer is successfully downloaded on your system, go to installation folder and double click to install, follow all default settings till installation is complete and after, you can create shortcut of  Notepad++ on your desktop if not already auto created after installation.

After all is done, it’s time to install xampp next.

 

 

How to Download and Install Xampp on your laptop:

Xampp Download Link: https://www.apachefriends.org/download.html

Visit the download link above you’ll be redirected to the download page with options to select different version of php, select the one of Version 7.2.xx/PHP 7.2.xx and your download will begin.

If your system version is 32 bit and you only see option to download 64 bit, just follow this link insted https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/7.3.2/xampp-win32-7.3.2-0-VC15-installer.exe/ to download the version that is available for your system.

After the installer is successfully downloaded to your system, go to installation folder and double click to install, follow all default settings till installation is complete and after, you can create shortcut of Xampp on your desktop if not already there.

So, this is where we’ll stop today and we will continue next step on next week Monday but in summary, here are the files you need to download and install on your system:

Thanks for your time and if you have any question, kindly use the comment section below.

No feedback!

Leave a Reply

We are glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy.

Kindly note that comments are moderated and spam or lookalike comments will not be approve.