SlideShare une entreprise Scribd logo
1  sur  60
Télécharger pour lire hors ligne
Code Bootcamp for Kids- Learn Programming -Texavi AnalystZone by Pardha Saradhi Mantravadi-Satishkumar Swargam
2
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run simple queries
 Code using Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
3www.texavi.co.uk
Welcome to Texavi Code Bootcamp
4www.texavi.co.uk
Let’s learn while have fun 
5
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run simple queries
 Code using Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
6
First thingsfirst!
• This is a fully onlineworkshop and wewill tryand makeit as muchfun as learning
• Remember,youwill get the best whenyoufocus and work with us, along with having some fun with your
classmates
• Keep your video on, and Microphone Mute
• If asked to speak, please unmuteyour microphoneand speak clearly and loudly
Texavi,Analyst-Zone,AZcircle,NewAgeAgileBusiness Analyst*areregisteredtrademarksof TexaviInnovative Solutions
7
Please remember!
www.texavi.co.uk
• Attend all sessions without fail. Theyareinter-related, so you can get the best only if youattend eachone of them
• Full attendance will open avenues for you! Certificates,digital badges, laptop stickers… premiumaccess to our
digital platform, mobile app.
• Do thetasks, exercises and home works. It’s a good use of your time, energyand effort!
Find us, follow us on all popular social/professional media platforms:
YouTube, Facebook, Instagram, Twitter, LinkedIn & coming soon on WhatsApp
8www.texavi.co.uk
Welcome to Texavi!
9
Whoare we?
10www.texavi.co.uk
Let’s get to know each other
• Name
• Yearof study and school/college name
• Fav super hero
• Fav web site/Mobile app/game
• Fav hobby/sport/activity
• What do youwant to beafter 5 years? 
11
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview & scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run simple queries
 Code using Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
12
13
Mainstream/ Traditional
Digital
Web/ OnlineMobile
Social
14
15
“I listen and I forget
I see and I remember
I do and I understand!”
– Socrates
16
17
18
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set up therequired softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run simple queries
 Code using Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
19
Open the XAMPP website. Go to https://www.apachefriends.org/index.html inyour computer's web
browser.1
20
Click XAMPP forWindows. It's a grey button a middle of the page. Depending on yourbrowser, youmay
first haveto select a save location or verifythe download.2
21
Double-click the downloaded file. Thisfile should benamedsomething like xampp-windows-x64-
7.4.11-0-VC15-installer,and you'll find it in thedefault downloads location (e.g., the "Downloads" folder
or the desktop).
3
22
Click Yes when prompted. This will open the XAMPP setup window. Youmay haveto click OKon a
warningif youhaveUser AccountControl (UAC)activated onyour computer.4
23
Click Next. It's at the bottom of the setup window.5
24
Select aspects of XAMPPto install. Reviewthe list of XAMPP attributes on the left side of the window; if
yousee anattribute that youdon't want to install as part of XAMPP, uncheckits box.
By default, all attributes are included in yourXAMPP installation.
6
25
Select an installation location. Click the folder-shaped icon to the right of the
current installation destination, then click a folder on your computer. If you have
the UAC activated on your computer, avoid installing XAMPP in your hard drive's
folder (e.g., OS (C:)).
You can select a folder (e.g., Desktop) and then click Make New Folder to create
a new folder and select it as the installation destination.
7
26
Click OK. Doing so confirms your selected folder as your XAMPP installation
location.
8
27
Uncheck the "Learn more about Bitnami" box, then click Next. The "Learn more
about Bitnami" box is in the middle of the page.
9
28
Begin installing XAMPP. Click Next at the bottom of the window to do so.
XAMPP will begin installing its files into the folder that you selected.10
29
Click Finish when prompted. It's at the bottom of the XAMPP window.
Doing so will close the window and open the XAMPP Control Panel,
which is where you'll access your servers.
11
30
Select a language. Check the box next to the American flag for English, or
check the box next to the German flag for German.12
31
Click Save. Doing so opens the main Control Panel page.13
32
Start XAMPP from its installation point. If you need to open the XAMPP
Control Panel in the future, you can do so by opening the folder in which
you installed XAMPP, right-clicking the orange-and-white xampp-control
icon, clicking Run as administrator, and clicking Yes when prompted.
14
33
Start XAMPP from its installation point. If you need to open the XAMPP
Control Panel in the future, you can do so by opening the folder in which
you installed XAMPP, right-clicking the orange-and-white xampp-control
icon, clicking Run as administrator, and clicking Yes when prompted.
15
34
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualiseyourweb site
 Code web pages with HTML, CSS
 Connectto database, run simple queries
 Code using Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
35
36
37
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Codeweb pageswith HTML, CSS
 Connectto database, run simple queries
 Code using Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
38
All HTML documents must start with a <!DOCTYPE> declaration.
The declaration is not an HTML tag. Its just an "information" to the browser about
what document type to expect.
1
39
The <title> tag defines the title of the document. The title must be text-only, and it
is shown in the browser's title bar or in the page's tab.2
40
The <table> tag defines an HTML table.
An HTML table consists of one <table> element and one or more <tr>, <th>, and
<td> elements.
When you do align=“center” to the table, the table and its elements used under
the table will get center aligned.
celpadding=“0” cellspacing=“0” When used in conjunction with the table element,
it specifies the amount of space between the border of a table cell and its contents.
The width attribute specifies the width of the element/layout, in pixels.
Borders can be applied to most HTML elements within the body.
3
41
When you allow cellpadding, cellspacing and give border to the html table you will
have some breathing space between the objects used and doesn’t look cluttered.5
42
The colspan attribute defines the number of columns a cell should span.6
43
These are the two views of the same layout with and without the use of colspan.
Another imp thing you will have to remember is only because we have the 2
columns in the last row we had to use colspan=“2” for rest of the columns which
had only one <td>. If there were three columns in any row, you will need to set the
colspan accordingly for each <td>
7
44
Sample code for practice8
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<table align="center" cellpadding="0" cellspacing="0" border="1" width="1200px">
<tr>
<td align="center" style="font-size:30pt;">Page Title</td>
</tr>
<tr>
<td style="padding:20px;" width="100%">Page Summary</td>
</tr>
<tr>
<td width="50%">Description</td>
<td width="50%"><img src="img/spiderman.jpg" width="600px"></td>
</tr>
</table>
</body>
</html>
45
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database,run queries
 Code using Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
46
47
48
49
50
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run queries
 Codein Phpto completeweb pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
51
52
53
54
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run queries
 Code in Php to complete web pages
 Ideate anddesign yourMobileapp
 Guest Speaker– Live Demo
55
56www.texavi.co.uk
57
Agenda
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run queries
 Code in Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker –Live Demo
58
Summary
 Housekeeping
 Let’s get to know eachother
 Workshop overview &scope
 Set upthe required softwares
 Ideate&conceptualise yourweb site
 Code web pages with HTML, CSS
 Connectto database, run queries
 Code in Php to complete web pages
 Ideate and design your Mobile app
 Guest Speaker– Live Demo
59
Guest Speaker – Anish Kambhampati
Link to his Web site - https://kambhani.github.io/CR_PARODY/
6060
Thank you!
Texavi Innovative Solutions
The new age people for new age solutions!
Consulting | Training | Solutions
Regd. Office
Texavi Innovative Solutions (UK) Ltd
36 Glebe Road
Finchley
London N3 2AX
Email: connect@texavi.co.uk
training@texavi.co.uk
connect@analyst-zone.com
Connect with Texavi
www.texavi.co.uk
https://analyst-zone.com
www.facebook.com/texavi
Twitter @pardhas
LinkedIn Texavi
Blog www.texavi.com/blog

Contenu connexe

Similaire à Code Bootcamp for Kids- Learn Programming -Texavi AnalystZone by Pardha Saradhi Mantravadi-Satishkumar Swargam

Intro to advanced web development
Intro to advanced web developmentIntro to advanced web development
Intro to advanced web developmentStevie T
 
Offline of web applications
Offline of web applicationsOffline of web applications
Offline of web applicationsFDConf
 
Offline for web - Frontend Dev Conf Minsk 2014
Offline for web - Frontend Dev Conf Minsk 2014Offline for web - Frontend Dev Conf Minsk 2014
Offline for web - Frontend Dev Conf Minsk 2014Jan Jongboom
 
First steps of programming with php
First steps of programming with phpFirst steps of programming with php
First steps of programming with phpKanha Sahu
 
Top 30 Scalability Mistakes
Top 30 Scalability MistakesTop 30 Scalability Mistakes
Top 30 Scalability MistakesJohn Coggeshall
 
Top 10 Scalability Mistakes
Top 10 Scalability MistakesTop 10 Scalability Mistakes
Top 10 Scalability MistakesJohn Coggeshall
 
Intro javascript build a scraper (3:22)
Intro javascript   build a scraper (3:22)Intro javascript   build a scraper (3:22)
Intro javascript build a scraper (3:22)Thinkful
 
Apache Con 2008 Top 10 Mistakes
Apache Con 2008 Top 10 MistakesApache Con 2008 Top 10 Mistakes
Apache Con 2008 Top 10 MistakesJohn Coggeshall
 
How to Use CodePen - Learn with us!
How to Use CodePen - Learn with us!How to Use CodePen - Learn with us!
How to Use CodePen - Learn with us!Mars Devs
 
Introducing asp.net web pages 2
Introducing asp.net web pages 2Introducing asp.net web pages 2
Introducing asp.net web pages 2Uh-meet Thapa
 
Become a webdeveloper - AKAICamp Beginner #1
Become a webdeveloper - AKAICamp Beginner #1Become a webdeveloper - AKAICamp Beginner #1
Become a webdeveloper - AKAICamp Beginner #1Jacek Tomaszewski
 
Php hypertext Preprocessor
Php hypertext PreprocessorPhp hypertext Preprocessor
Php hypertext PreprocessorMrsRLakshmiIT
 
30 Skills to Master to Become a Senior Software Engineer
30 Skills to Master to Become a Senior Software Engineer30 Skills to Master to Become a Senior Software Engineer
30 Skills to Master to Become a Senior Software EngineerSean Coates
 
Learn How To Develop With CakePHP
Learn How To Develop With CakePHPLearn How To Develop With CakePHP
Learn How To Develop With CakePHPMichael Bourque
 
How To Express Your Creative Self With Windows Presentation Foundation And Si...
How To Express Your Creative Self With Windows Presentation Foundation And Si...How To Express Your Creative Self With Windows Presentation Foundation And Si...
How To Express Your Creative Self With Windows Presentation Foundation And Si...guest83d3e0
 

Similaire à Code Bootcamp for Kids- Learn Programming -Texavi AnalystZone by Pardha Saradhi Mantravadi-Satishkumar Swargam (20)

Intro to advanced web development
Intro to advanced web developmentIntro to advanced web development
Intro to advanced web development
 
Offline of web applications
Offline of web applicationsOffline of web applications
Offline of web applications
 
Offline for web - Frontend Dev Conf Minsk 2014
Offline for web - Frontend Dev Conf Minsk 2014Offline for web - Frontend Dev Conf Minsk 2014
Offline for web - Frontend Dev Conf Minsk 2014
 
LVPHP.org
LVPHP.orgLVPHP.org
LVPHP.org
 
First steps of programming with php
First steps of programming with phpFirst steps of programming with php
First steps of programming with php
 
Top 30 Scalability Mistakes
Top 30 Scalability MistakesTop 30 Scalability Mistakes
Top 30 Scalability Mistakes
 
Top 10 Scalability Mistakes
Top 10 Scalability MistakesTop 10 Scalability Mistakes
Top 10 Scalability Mistakes
 
Intro javascript build a scraper (3:22)
Intro javascript   build a scraper (3:22)Intro javascript   build a scraper (3:22)
Intro javascript build a scraper (3:22)
 
Apache Con 2008 Top 10 Mistakes
Apache Con 2008 Top 10 MistakesApache Con 2008 Top 10 Mistakes
Apache Con 2008 Top 10 Mistakes
 
How to Use CodePen - Learn with us!
How to Use CodePen - Learn with us!How to Use CodePen - Learn with us!
How to Use CodePen - Learn with us!
 
Introducing asp.net web pages 2
Introducing asp.net web pages 2Introducing asp.net web pages 2
Introducing asp.net web pages 2
 
Become a webdeveloper - AKAICamp Beginner #1
Become a webdeveloper - AKAICamp Beginner #1Become a webdeveloper - AKAICamp Beginner #1
Become a webdeveloper - AKAICamp Beginner #1
 
Php hypertext Preprocessor
Php hypertext PreprocessorPhp hypertext Preprocessor
Php hypertext Preprocessor
 
SharePoint Framework 101 (SPFx)
SharePoint Framework 101 (SPFx)SharePoint Framework 101 (SPFx)
SharePoint Framework 101 (SPFx)
 
30 Skills to Master to Become a Senior Software Engineer
30 Skills to Master to Become a Senior Software Engineer30 Skills to Master to Become a Senior Software Engineer
30 Skills to Master to Become a Senior Software Engineer
 
How java works
How java worksHow java works
How java works
 
How java works
How java worksHow java works
How java works
 
Learn How To Develop With CakePHP
Learn How To Develop With CakePHPLearn How To Develop With CakePHP
Learn How To Develop With CakePHP
 
Dopp xhtml tutorial
Dopp xhtml tutorialDopp xhtml tutorial
Dopp xhtml tutorial
 
How To Express Your Creative Self With Windows Presentation Foundation And Si...
How To Express Your Creative Self With Windows Presentation Foundation And Si...How To Express Your Creative Self With Windows Presentation Foundation And Si...
How To Express Your Creative Self With Windows Presentation Foundation And Si...
 

Plus de Texavi Innovative Solutions

Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...
Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...
Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...Texavi Innovative Solutions
 
Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...
Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...
Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...Texavi Innovative Solutions
 
Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...
Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...
Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...Texavi Innovative Solutions
 
Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...
Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...
Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...Texavi Innovative Solutions
 
Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...
Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...
Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...Texavi Innovative Solutions
 
Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...
Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...
Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...Texavi Innovative Solutions
 
Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...
Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...
Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...Texavi Innovative Solutions
 
All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...
All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...
All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...Texavi Innovative Solutions
 
Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...
Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...
Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...Texavi Innovative Solutions
 
Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...
Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...
Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...Texavi Innovative Solutions
 
Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...
Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...
Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...Texavi Innovative Solutions
 
Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...
Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...
Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...Texavi Innovative Solutions
 
Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...
Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...
Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...Texavi Innovative Solutions
 
Collaborative product development through innovation games texavi presentation
Collaborative product development through innovation games texavi presentationCollaborative product development through innovation games texavi presentation
Collaborative product development through innovation games texavi presentationTexavi Innovative Solutions
 
Mastering the art and science of business analysis - A Texavi presentation
Mastering the art and science of business analysis - A Texavi presentationMastering the art and science of business analysis - A Texavi presentation
Mastering the art and science of business analysis - A Texavi presentationTexavi Innovative Solutions
 
Texavi Unified Experience - Presentation on WUD2013
Texavi Unified Experience - Presentation on WUD2013Texavi Unified Experience - Presentation on WUD2013
Texavi Unified Experience - Presentation on WUD2013Texavi Innovative Solutions
 
Texavi imagineering conference Talk on challenges in indian it industry mukun...
Texavi imagineering conference Talk on challenges in indian it industry mukun...Texavi imagineering conference Talk on challenges in indian it industry mukun...
Texavi imagineering conference Talk on challenges in indian it industry mukun...Texavi Innovative Solutions
 
Texavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev Srinivasa
Texavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev SrinivasaTexavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev Srinivasa
Texavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev SrinivasaTexavi Innovative Solutions
 
All about Android app development -Texavi presentation
All about Android app development -Texavi presentationAll about Android app development -Texavi presentation
All about Android app development -Texavi presentationTexavi Innovative Solutions
 

Plus de Texavi Innovative Solutions (20)

Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...
Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...
Lean Principles, Practices and Techniques -A Texavi Tech Bootcamp on How to b...
 
Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...
Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...
Kanban principles practices and techniques-Texavi Tech Bootcamp - How to be a...
 
Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...
Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...
Scrum Principles, Practices and Techniques - Texavi Tech Bootcamp on How to b...
 
Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...
Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...
Deep Dive into Product Vision and Roadmap_Texavi Tech Bootcamp on How to be a...
 
Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...
Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...
Core principles and concepts in agile-Texavi TechBootcamp-HowtobeAgile-Analys...
 
Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...
Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...
Deep Dive into Product Scoping and Prioritisation - Texavi Tech Bootcamp on H...
 
Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...
Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...
Deep Dive into Software Estimation - Texavi Tech Bootcamp on How to be a good...
 
All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...
All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...
All about Agile, an Overview - Texavi Tech Bootcamp on How to be agile- Texav...
 
Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...
Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...
Essential Techniques in Business Analysis - Texavi Tech Bootcamp on How to be...
 
Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...
Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...
Practices and Approaches in Business Analysis - Texavi Tech Bootcamp on How t...
 
Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...
Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...
Business Analyst Skills and Competencies - Texavi Tech Bootcamp on How to be ...
 
Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...
Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...
Career and Role of Business Analyst - Texavi Tech Bootcamp on How to be a BA ...
 
Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...
Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...
Tools, methods and techniques for Newage Business Analyst - A Texavi presenta...
 
Collaborative product development through innovation games texavi presentation
Collaborative product development through innovation games texavi presentationCollaborative product development through innovation games texavi presentation
Collaborative product development through innovation games texavi presentation
 
Mastering the art and science of business analysis - A Texavi presentation
Mastering the art and science of business analysis - A Texavi presentationMastering the art and science of business analysis - A Texavi presentation
Mastering the art and science of business analysis - A Texavi presentation
 
Texavi Unified Experience - Presentation on WUD2013
Texavi Unified Experience - Presentation on WUD2013Texavi Unified Experience - Presentation on WUD2013
Texavi Unified Experience - Presentation on WUD2013
 
Texavi imagineering conference Talk on challenges in indian it industry mukun...
Texavi imagineering conference Talk on challenges in indian it industry mukun...Texavi imagineering conference Talk on challenges in indian it industry mukun...
Texavi imagineering conference Talk on challenges in indian it industry mukun...
 
Texavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev Srinivasa
Texavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev SrinivasaTexavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev Srinivasa
Texavi's IMAGINEERING-Its a connected changing world-keynote_Dr.Rajeev Srinivasa
 
All about Android app development -Texavi presentation
All about Android app development -Texavi presentationAll about Android app development -Texavi presentation
All about Android app development -Texavi presentation
 
The New Age Company - An Overview on Texavi
The New Age Company - An Overview on TexaviThe New Age Company - An Overview on Texavi
The New Age Company - An Overview on Texavi
 

Dernier

UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdfJamie (Taka) Wang
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxYounusS2
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIUdaiappa Ramachandran
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 

Dernier (20)

UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
20200723_insight_release_plan_v6.pdf20200723_insight_release_plan_v6.pdf
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Babel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptxBabel Compiler - Transforming JavaScript for All Browsers.pptx
Babel Compiler - Transforming JavaScript for All Browsers.pptx
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AI
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 

Code Bootcamp for Kids- Learn Programming -Texavi AnalystZone by Pardha Saradhi Mantravadi-Satishkumar Swargam

  • 2. 2 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run simple queries  Code using Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 5. 5 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run simple queries  Code using Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 6. 6 First thingsfirst! • This is a fully onlineworkshop and wewill tryand makeit as muchfun as learning • Remember,youwill get the best whenyoufocus and work with us, along with having some fun with your classmates • Keep your video on, and Microphone Mute • If asked to speak, please unmuteyour microphoneand speak clearly and loudly Texavi,Analyst-Zone,AZcircle,NewAgeAgileBusiness Analyst*areregisteredtrademarksof TexaviInnovative Solutions
  • 7. 7 Please remember! www.texavi.co.uk • Attend all sessions without fail. Theyareinter-related, so you can get the best only if youattend eachone of them • Full attendance will open avenues for you! Certificates,digital badges, laptop stickers… premiumaccess to our digital platform, mobile app. • Do thetasks, exercises and home works. It’s a good use of your time, energyand effort! Find us, follow us on all popular social/professional media platforms: YouTube, Facebook, Instagram, Twitter, LinkedIn & coming soon on WhatsApp
  • 10. 10www.texavi.co.uk Let’s get to know each other • Name • Yearof study and school/college name • Fav super hero • Fav web site/Mobile app/game • Fav hobby/sport/activity • What do youwant to beafter 5 years? 
  • 11. 11 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview & scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run simple queries  Code using Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 12. 12
  • 14. 14
  • 15. 15 “I listen and I forget I see and I remember I do and I understand!” – Socrates
  • 16. 16
  • 17. 17
  • 18. 18 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set up therequired softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run simple queries  Code using Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 19. 19 Open the XAMPP website. Go to https://www.apachefriends.org/index.html inyour computer's web browser.1
  • 20. 20 Click XAMPP forWindows. It's a grey button a middle of the page. Depending on yourbrowser, youmay first haveto select a save location or verifythe download.2
  • 21. 21 Double-click the downloaded file. Thisfile should benamedsomething like xampp-windows-x64- 7.4.11-0-VC15-installer,and you'll find it in thedefault downloads location (e.g., the "Downloads" folder or the desktop). 3
  • 22. 22 Click Yes when prompted. This will open the XAMPP setup window. Youmay haveto click OKon a warningif youhaveUser AccountControl (UAC)activated onyour computer.4
  • 23. 23 Click Next. It's at the bottom of the setup window.5
  • 24. 24 Select aspects of XAMPPto install. Reviewthe list of XAMPP attributes on the left side of the window; if yousee anattribute that youdon't want to install as part of XAMPP, uncheckits box. By default, all attributes are included in yourXAMPP installation. 6
  • 25. 25 Select an installation location. Click the folder-shaped icon to the right of the current installation destination, then click a folder on your computer. If you have the UAC activated on your computer, avoid installing XAMPP in your hard drive's folder (e.g., OS (C:)). You can select a folder (e.g., Desktop) and then click Make New Folder to create a new folder and select it as the installation destination. 7
  • 26. 26 Click OK. Doing so confirms your selected folder as your XAMPP installation location. 8
  • 27. 27 Uncheck the "Learn more about Bitnami" box, then click Next. The "Learn more about Bitnami" box is in the middle of the page. 9
  • 28. 28 Begin installing XAMPP. Click Next at the bottom of the window to do so. XAMPP will begin installing its files into the folder that you selected.10
  • 29. 29 Click Finish when prompted. It's at the bottom of the XAMPP window. Doing so will close the window and open the XAMPP Control Panel, which is where you'll access your servers. 11
  • 30. 30 Select a language. Check the box next to the American flag for English, or check the box next to the German flag for German.12
  • 31. 31 Click Save. Doing so opens the main Control Panel page.13
  • 32. 32 Start XAMPP from its installation point. If you need to open the XAMPP Control Panel in the future, you can do so by opening the folder in which you installed XAMPP, right-clicking the orange-and-white xampp-control icon, clicking Run as administrator, and clicking Yes when prompted. 14
  • 33. 33 Start XAMPP from its installation point. If you need to open the XAMPP Control Panel in the future, you can do so by opening the folder in which you installed XAMPP, right-clicking the orange-and-white xampp-control icon, clicking Run as administrator, and clicking Yes when prompted. 15
  • 34. 34 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualiseyourweb site  Code web pages with HTML, CSS  Connectto database, run simple queries  Code using Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 35. 35
  • 36. 36
  • 37. 37 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Codeweb pageswith HTML, CSS  Connectto database, run simple queries  Code using Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 38. 38 All HTML documents must start with a <!DOCTYPE> declaration. The declaration is not an HTML tag. Its just an "information" to the browser about what document type to expect. 1
  • 39. 39 The <title> tag defines the title of the document. The title must be text-only, and it is shown in the browser's title bar or in the page's tab.2
  • 40. 40 The <table> tag defines an HTML table. An HTML table consists of one <table> element and one or more <tr>, <th>, and <td> elements. When you do align=“center” to the table, the table and its elements used under the table will get center aligned. celpadding=“0” cellspacing=“0” When used in conjunction with the table element, it specifies the amount of space between the border of a table cell and its contents. The width attribute specifies the width of the element/layout, in pixels. Borders can be applied to most HTML elements within the body. 3
  • 41. 41 When you allow cellpadding, cellspacing and give border to the html table you will have some breathing space between the objects used and doesn’t look cluttered.5
  • 42. 42 The colspan attribute defines the number of columns a cell should span.6
  • 43. 43 These are the two views of the same layout with and without the use of colspan. Another imp thing you will have to remember is only because we have the 2 columns in the last row we had to use colspan=“2” for rest of the columns which had only one <td>. If there were three columns in any row, you will need to set the colspan accordingly for each <td> 7
  • 44. 44 Sample code for practice8 <!DOCTYPE html> <html> <head> <title>My First Web Page</title> </head> <body> <table align="center" cellpadding="0" cellspacing="0" border="1" width="1200px"> <tr> <td align="center" style="font-size:30pt;">Page Title</td> </tr> <tr> <td style="padding:20px;" width="100%">Page Summary</td> </tr> <tr> <td width="50%">Description</td> <td width="50%"><img src="img/spiderman.jpg" width="600px"></td> </tr> </table> </body> </html>
  • 45. 45 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database,run queries  Code using Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 46. 46
  • 47. 47
  • 48. 48
  • 49. 49
  • 50. 50 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run queries  Codein Phpto completeweb pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 51. 51
  • 52. 52
  • 53. 53
  • 54. 54 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run queries  Code in Php to complete web pages  Ideate anddesign yourMobileapp  Guest Speaker– Live Demo
  • 55. 55
  • 57. 57 Agenda  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run queries  Code in Php to complete web pages  Ideate and design your Mobile app  Guest Speaker –Live Demo
  • 58. 58 Summary  Housekeeping  Let’s get to know eachother  Workshop overview &scope  Set upthe required softwares  Ideate&conceptualise yourweb site  Code web pages with HTML, CSS  Connectto database, run queries  Code in Php to complete web pages  Ideate and design your Mobile app  Guest Speaker– Live Demo
  • 59. 59 Guest Speaker – Anish Kambhampati Link to his Web site - https://kambhani.github.io/CR_PARODY/
  • 60. 6060 Thank you! Texavi Innovative Solutions The new age people for new age solutions! Consulting | Training | Solutions Regd. Office Texavi Innovative Solutions (UK) Ltd 36 Glebe Road Finchley London N3 2AX Email: connect@texavi.co.uk training@texavi.co.uk connect@analyst-zone.com Connect with Texavi www.texavi.co.uk https://analyst-zone.com www.facebook.com/texavi Twitter @pardhas LinkedIn Texavi Blog www.texavi.com/blog